luci-theme-bootstrap: darkmode graphs

This adds 2 more graphs to be dark in dark mode and makes the gridlines white
Signed-off-by: james <jameslindstrom2@gmail.com>
(cherry picked from commit 850345bfb90459a36b72ae45b0b7966ad1e7a6f6)

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 93d938b49654d2a84626162de75a1cba2c5af255..e48d184a12bf9a15c6fc92c3e8287e3f0cf1984d 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2562,14 +2562,17 @@ div.cbi-value var.cbi-tooltip-container,
        max-width: none;
 }
 
-[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > div[style] {
+[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > 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-connections"] #view > div[style],
+[data-darkmode="true"] [data-page="admin-status-channel_analysis"] #view> div >div > div > div > div[style],
+[data-darkmode="true"] [data-page="admin-status-realtime-wireless"] #view > div > div > div > div[style] {
        background-color: var(--background-color-high)!important;
 }
 
-[data-darkmode="true"] [data-page="admin-status-realtime-bandwidth"] #view > div > div > div > div[style] {
-       background-color: var(--background-color-high)!important;
-}
-
-[data-darkmode="true"] [data-page="admin-status-realtime-connections"] #view > div[style] {
-       background-color: var(--background-color-high)!important;
+[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > 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-connections"] #view > div > svg > line[style],
+[data-darkmode="true"] [data-page="admin-status-realtime-wireless"] #view > div > svg > line[style] {
+       stroke: #fff!important;
 }