Enhance icon visibility for light and dark modes with !important declarations

This commit is contained in:
fynks 2025-08-31 10:27:38 +05:00
parent c952be061e
commit 2916d31d08

13
dist/css/styles.css vendored
View file

@ -347,14 +347,19 @@ a:hover {
height: 20px;
transition: opacity var(--transition-fast);
}
.moon-icon {
display: none;
/* Light mode: show sun, hide moon */
.sun-icon {
display: block !important;
}
.moon-icon {
display: none !important;
}
/* Dark mode: hide sun, show moon */
[data-theme="dark"] .sun-icon {
display: none;
display: none !important;
}
[data-theme="dark"] .moon-icon {
display: block;
display: block !important;
}
/* Mobile Navigation Toggle */
.nav-toggle {