thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-30 01:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refine theme toggle icons for light and dark modes

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-15 20:02:27 -04:00
1 parent aab54c08ac
commit e5ae3771d5
3 files changed
+53 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+28 -2
View File
@@ -162,11 +162,37 @@
color: var(--color-text);
}
.header-icon-toggle__icon {
.header-icon-toggle__icon-wrapper {
@apply inline-flex items-center justify-center;
inline-size: var(--icon-size-md);
block-size: var(--icon-size-md);
}
.header-icon-toggle__icon {
inline-size: 100%;
block-size: 100%;
display: none;
fill: currentColor;
}
.header-icon-toggle__icon-wrapper:not([data-theme-icon-state]),
.header-icon-toggle__icon-wrapper[data-theme-icon-state="light"] {
color: inherit;
}
.header-icon-toggle__icon-wrapper[data-theme-icon-state="light"]
.header-icon-toggle__icon--dark {
display: block;
}
.header-icon-toggle__icon-wrapper[data-theme-icon-state="dark"]
.header-icon-toggle__icon--light {
display: block;
}
.header-icon-toggle__icon-wrapper:not([data-theme-icon-state])
.header-icon-toggle__icon--dark {
display: block;
vector-effect: non-scaling-stroke;
}
.header-icon-toggle[data-theme-state="light"]:hover,