luci-theme-bootstrap: Realtime Graphs dark mode
authorjames <28635265+JimMatthew@users.noreply.github.com>
Tue, 12 Mar 2024 16:12:12 +0000 (11:12 -0500)
committerPaul Donald <newtwen@gmail.com>
Tue, 12 Mar 2024 19:24:38 +0000 (20:24 +0100)
This feature is to have the realtime graphs dark when using Bootstrap Dark Theme

Signed-off-by: james <jameslindstrom2@gmail.com>
(cherry picked from commit 056407754d00e05a432f38b51c6ad103a1a12a6d)

themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css

index 46cf475529bbd4344a6cc9a3454945ff05f96694..93d938b49654d2a84626162de75a1cba2c5af255 100644 (file)
@@ -2561,3 +2561,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;
+}