Fix theme toggle icon contrast

This commit is contained in:
thePR0M3TH3AN committed 2025-10-15 19:53:24 -04:00
1 parent 964eb6f71e
commit aab54c08ac
4 files changed
+29 -6

No files matched your search

+15 -2
View File
@@ -154,6 +154,14 @@
line-height: 1;
}
.header-icon-toggle[data-theme-state="light"] {
color: var(--color-text-strong);
}
.header-icon-toggle[data-theme-state="dark"] {
color: var(--color-text);
}
.header-icon-toggle__icon {
inline-size: var(--icon-size-md);
block-size: var(--icon-size-md);
@@ -161,11 +169,16 @@
vector-effect: non-scaling-stroke;
}
.header-icon-toggle:hover,
.header-icon-toggle:focus-visible {
.header-icon-toggle[data-theme-state="light"]:hover,
.header-icon-toggle[data-theme-state="light"]:focus-visible {
color: var(--color-text);
}
.header-icon-toggle[data-theme-state="dark"]:hover,
.header-icon-toggle[data-theme-state="dark"]:focus-visible {
color: var(--color-text-strong);
}
.header-icon-toggle[aria-pressed="true"] {
color: var(--color-text-strong);
}