wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better contrast for drawer in dark mode, active state

Browse source
This commit is contained in:
madrilene 2024-09-19 10:16:33 +02:00
parent 2f94b094af
commit efd6176498
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/css/global/blocks/main-nav.css
View file

@ -113,8 +113,8 @@
.mainnav [aria-current='page'], .mainnav [aria-current='page'],
.mainnav [data-state='active'] { .mainnav [data-state='active'] {
--nav-item-background: var(--color-bg-accent); --nav-item-background: var(--color-primary);
--nav-item-text-color: var(--color-primary); --nav-item-text-color: var(--color-light);
--nav-item-decoration-color: transparent; --nav-item-decoration-color: transparent;
} }
@ -138,6 +138,7 @@
.mainnav [aria-current='page'], .mainnav [aria-current='page'],
.mainnav [data-state='active'] { .mainnav [data-state='active'] {
--nav-item-background: transparent; --nav-item-background: transparent;
--nav-item-text-color: var(--color-primary);
--nav-item-decoration-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 [aria-current='page'],
.mainnav ul:first-child [data-state='active'] { .mainnav ul:first-child [data-state='active'] {
--nav-item-background: transparent; --nav-item-background: transparent;
--nav-item-text-color: var(--color-primary);
--nav-item-decoration-color: var(--color-primary); --nav-item-decoration-color: var(--color-primary);
} }