diff options
| author | Griffen Edge <griffen@griffenedge.com> | 2024-11-12 21:40:28 +1100 |
|---|---|---|
| committer | Paul Donald <newtwen+github@gmail.com> | 2024-11-30 23:48:13 +0100 |
| commit | ccfa9722395202e0a829ad772b6907d87d1d2d2d (patch) | |
| tree | 8d7ca6b9e87ed3d4d785f68689ab4a01d3e3dbe8 /modules/luci-mod-dashboard | |
| parent | 2e46cfc47d99db06d1f514b4d737922fa0e92bb8 (diff) | |
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 <griffen@griffenedge.com>
(formatted commit message)
Closes #7386
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
Diffstat (limited to 'modules/luci-mod-dashboard')
| -rw-r--r-- | modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css | 12 |
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 { |