From 6df9ae0234eddb91d84ea312d6d7e83f5811634d Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Mon, 8 Nov 2021 09:56:33 +0100 Subject: [PATCH] luci-theme-bootstrap: light/dark mode releated CSS fixes - 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 (cherry picked from commit f16a2f3fbae0c527af812388390cc1bebe8d7eb3) --- .../htdocs/luci-static/bootstrap/cascade.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css index 66bbd475a1..d32f6ec688 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -66,8 +66,7 @@ --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; + color-scheme: light; } :root[data-darkmode="true"] { @@ -80,6 +79,7 @@ --text-color-highest-s: 0%; --text-color-highest-l: 100%; --border-color-delta-l-sign: 1; + color-scheme: dark; } /* Reset.less @@ -1651,10 +1651,9 @@ select + .cbi-button { 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 { -- 2.30.2