fix(decnet_web/Layout): theme toggle icon stays visible on hover

The global button:hover rule in index.css forces color: var(--bg)
+ matrix-glow on the lucide icon's currentColor stroke, making
the sun/moon icon disappear into the toggle button's tinted
background on hover. Pin color: var(--accent) and box-shadow:
none on .theme-toggle-btn:hover so the icon stays in its base
colour and the button doesn't pick up the wider button-hover
halo.
This commit is contained in:
2026-05-09 04:18:48 -04:00
parent 5a34b1846c
commit 3318b15044

View File

@@ -233,6 +233,11 @@
.theme-toggle-btn:hover {
background: var(--accent-tint-10);
border-color: var(--accent);
/* Without these the global button:hover wins and pushes
* color to var(--bg) and adds matrix-glow — the lucide icon
* (currentColor stroke) collapses into the tinted background. */
color: var(--accent);
box-shadow: none;
}
.crumbs {