diff options
| author | Jo-Philipp Wich <jo@mein.io> | 2021-11-08 09:56:33 +0100 |
|---|---|---|
| committer | Jo-Philipp Wich <jo@mein.io> | 2021-11-08 09:58:36 +0100 |
| commit | f16a2f3fbae0c527af812388390cc1bebe8d7eb3 (patch) | |
| tree | cec6ba9ddb41e33910aea0e01670b5242500f813 /themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css | |
| parent | 887d8a8fd00be57e29dfea08cc98f0d96186d637 (diff) | |
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 <jo@mein.io>
Diffstat (limited to 'themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css')
| -rw-r--r-- | themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css | 11 |
1 files 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 615ce80ea9..9bbdf88c1b 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 { |