From: james <28635265+JimMatthew@users.noreply.github.com>
Date: Thu, 14 Mar 2024 18:31:31 +0000 (-0500)
Subject: luci-theme-bootstrap: darkmode graphs
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=850345bfb90459a36b72ae45b0b7966ad1e7a6f6;p=project%2Fluci.git

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>
---

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 91e6c914cc..af0a33e6c0 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2567,14 +2567,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;
 }