From efd617649805fb094b9c4078a4df2c5dd43a7cc7 Mon Sep 17 00:00:00 2001 From: madrilene Date: Thu, 19 Sep 2024 10:16:33 +0200 Subject: [PATCH] better contrast for drawer in dark mode, active state --- src/assets/css/global/blocks/main-nav.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/assets/css/global/blocks/main-nav.css b/src/assets/css/global/blocks/main-nav.css index f702ff5..1a39cd2 100644 --- a/src/assets/css/global/blocks/main-nav.css +++ b/src/assets/css/global/blocks/main-nav.css @@ -113,8 +113,8 @@ .mainnav [aria-current='page'], .mainnav [data-state='active'] { - --nav-item-background: var(--color-bg-accent); - --nav-item-text-color: var(--color-primary); + --nav-item-background: var(--color-primary); + --nav-item-text-color: var(--color-light); --nav-item-decoration-color: transparent; } @@ -138,6 +138,7 @@ .mainnav [aria-current='page'], .mainnav [data-state='active'] { --nav-item-background: transparent; + --nav-item-text-color: var(--color-primary); --nav-item-decoration-color: var(--color-primary); } @@ -162,6 +163,7 @@ assumes that the button doesn’t exist without JS, making the list the first ch .mainnav ul:first-child [aria-current='page'], .mainnav ul:first-child [data-state='active'] { --nav-item-background: transparent; + --nav-item-text-color: var(--color-primary); --nav-item-decoration-color: var(--color-primary); }