luci-theme-bootstrap: Realtime Graphs dark mode

This feature is to have the realtime graphs dark when using Bootstrap Dark Theme

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 e4a669a43f61e863c9e1eb4b6113d134c3be7731..37063627bc0e7f1fd8392aba95405f4cfc397a93 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2565,3 +2565,15 @@ div.cbi-value var.cbi-tooltip-container,
 [data-page="admin-system-admin-sshkeys"] .cbi-dynlist {
        max-width: none;
 }
+
+[data-darkmode="true"] [data-page="admin-status-realtime-load"] #view > 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;
+}