mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-31 09:52:24 +00:00
Fix theme toggle icon contrast
This commit is contained in:
1 parent
964eb6f71e
commit
aab54c08ac
4 files changed
+29
-6
No files matched your search
+15
-2
@@ -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);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user