1 files changed, 6 insertions, 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
index 66dd81f79e..3f7e3537d7 100644
--- 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 {