luci-mod-dashboard: custom.css: Add color variables

Add color variable references from luci-theme-boostrap to facilitate light and dark color scheme switching by default. Fall back to original colors when the variables are not declared by theme. Signed-off-by: Griffen Edge <[email protected]> (formatted commit message) Closes openwrt#7386 Signed-off-by: Paul Donald <[email protected]>
freifunk-berlin · Nov 30, 2024 · ccfa972 · ccfa972
1 parent 2e46cfc
commit ccfa972
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css
@@ -3,11 +3,11 @@
 **/
 
 .Dashboard {
-    color: #212529!important;
+    color: var(--text-color-high, #212529) !important;
 }
 
 .Dashboard h3 {
-    color:#000;
+    color: var(--text-color-high, #000);
 }
 
 .Dashboard hr {
@@ -16,7 +16,7 @@
     overflow: visible;
     margin: 0;
     box-sizing: content-box;
-    border-top: 1px solid rgba(0,0,0,.1);
+    border-top: 1px solid var(--border-color-medium, rgba(0, 0, 0, 0.1));
 }
 
 .Dashboard .box-s1 {
@@ -29,7 +29,7 @@
 
 .Dashboard .dashboard-bg {
     border-radius: 16px;
-    background-color: #e0e0e0;
+    background-color: var(--background-color-medium, #e0e0e0);
 }
 
 .Dashboard .title {
@@ -189,7 +189,7 @@
 }
 
 .Dashboard .wifi-info .devices-info .table-titles {
-    border-bottom:1px solid rgba(0,0,0,.1);
+    border-bottom: 1px solid var(--border-color-medium, rgba(0, 0, 0, 0.1));
 }
 
 /**
@@ -227,7 +227,7 @@
 
     .Dashboard .section-content .internet-status-info .settings-info > div:first-child {
         margin-bottom: 10px;
-        border-bottom: 1px solid rgba(0,0,0,.1);
+        border-bottom: 1px solid var(--border-color-medium, rgba(0, 0, 0, 0.1));
     }
 
     .Dashboard .section-content .router-status-lan .devices-info .table-titles {