openwrt/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2026-04-15 10:51:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

luci-theme-bootstrap: global darkmode graphs

Browse Source 
Instead of enumerating each SVG graph that the dark mode is applicable to,
apply --background-color-high to each SVG element that is a child of
<div style="…"> and --text-color-highest to each LINE inside such SVG.

This allows dark mode to work in all SVG widgets by default, in any
current or future LuCI component.

Signed-off-by: Marko Mäkelä <marko.makela@iki.fi>
This commit is contained in:
Marko Mäkelä
2025-06-29 22:55:41 +03:00
committed by Paul Donald
parent b7ebe96541
commit 75a612ae63
1 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View File

@@ -2613,18 +2613,10 @@ div.cbi-value var.cbi-tooltip-container,
max-width: none;
}
[data-darkmode="true"] [data-page="admin-status-channel_analysis"] #view> div > div > div > div > div[style],
[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > div > div > div[style],
[data-darkmode="true"] [data-page="admin-status-realtime-bandwidth"] #view > div > div > div > div[style],
[data-darkmode="true"] [data-page="admin-status-realtime-wireless"] #view > div > div > div > div[style],
[data-darkmode="true"] [data-page="admin-status-realtime-connections"] #view > div > div > div[style] {
#view div[style] > svg {
background-color: var(--background-color-high)!important;
}
[data-darkmode="true"] [data-page="admin-status-channel_analysis"] #view> div > div > div > div > div > svg > line[style],
[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > div > div > div > svg > line[style],
[data-darkmode="true"] [data-page="admin-status-realtime-bandwidth"] #view > div > div > div > div > svg > line[style],
[data-darkmode="true"] [data-page="admin-status-realtime-wireless"] #view > div > div > div > div > svg > line[style],
[data-darkmode="true"] [data-page="admin-status-realtime-connections"] #view > div > div > div > svg > line[style] {
stroke: #fff!important;
#view div[style] > svg line[style] {
stroke: var(--text-color-highest)!important;
}