- Fix progress bar shadow in light mode
- Fix color schema preference in light and dark modes
Fixes: #5498
Fixes: #5499
Fixes: ed86f03a9f ("luci-theme-bootstrap: add explicit dark/light mode selection")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
--border-color-low-delta-l: calc(17 / 255 * 100%);
--border-color-low-l: calc(var(--background-color-high-l) + var(--border-color-delta-l-sign) * var(--border-color-low-delta-l));
--border-color-low: hsl(var(--border-color-low-h), var(--border-color-low-s), var(--border-color-low-l));
--border-color-low-delta-l: calc(17 / 255 * 100%);
--border-color-low-l: calc(var(--background-color-high-l) + var(--border-color-delta-l-sign) * var(--border-color-low-delta-l));
--border-color-low: hsl(var(--border-color-low-h), var(--border-color-low-s), var(--border-color-low-l));
-
- color-scheme: light dark;
}
:root[data-darkmode="true"] {
}
:root[data-darkmode="true"] {
--text-color-highest-s: 0%;
--text-color-highest-l: 100%;
--border-color-delta-l-sign: 1;
--text-color-highest-s: 0%;
--text-color-highest-l: 100%;
--border-color-delta-l-sign: 1;
overflow: hidden;
text-overflow: ellipsis;
}
overflow: hidden;
text-overflow: ellipsis;
}
-@media (prefers-color-scheme: dark) {
- .cbi-progressbar::after {
- mix-blend-mode: difference;
- }
+
+:root[data-darkmode="true"] .cbi-progressbar::after {
+ mix-blend-mode: difference;
}
.zonebadge .cbi-tooltip {
}
.zonebadge .cbi-tooltip {