diff options
| author | Teoh Han Hui <teohhanhui@gmail.com> | 2021-09-16 04:34:11 +0800 |
|---|---|---|
| committer | Paul Spooren <mail@aparcar.org> | 2021-10-07 23:30:31 -1000 |
| commit | 6dd71eaebeb44df321c8c39da916082a0cde3285 (patch) | |
| tree | 5bb42fe8f0faee705d8c8aee619f0f5e40dd2284 /themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css | |
| parent | d560e4c45af9d8126e7152f815bd08ca27e7e683 (diff) | |
luci-theme-bootstrap: add dark theme variant
Add a dark theme variant which is enabled by default when
prefers-color-scheme is set to dark.
Signed-off-by: Teoh Han Hui <teohhanhui@gmail.com>
Diffstat (limited to 'themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css')
| -rw-r--r-- | themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css index 384a1a22ad..3730080189 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css @@ -8,7 +8,7 @@ header h3 a, header .brand { } .tabs, .cbi-tabmenu { - background: linear-gradient(#fff 20%, #ddd 100%); + background: linear-gradient(var(--background-color-high) 20%, var(--border-color-medium) 100%); background-size: 1px 34px; margin-bottom: 10px; } @@ -33,7 +33,7 @@ header h3 a, header .brand { flex-direction: row; flex-wrap: wrap; align-items: flex-end; - border-top: 1px solid #ddd; + border-top: 1px solid var(--border-color-medium); padding: 5px 0; margin: 0 -3px; } @@ -111,9 +111,9 @@ header h3 a, header .brand { .tr[data-title]::before { display: block; flex: 1 1 100%; - background: #f5f5f5 !important; + background: var(--background-color-low) !important; font-size: 16px; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-medium); } .td[data-title]::before, @@ -163,7 +163,7 @@ header h3 a, header .brand { .cbi-value { padding-bottom: .5em; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-medium); margin-bottom: .5em; } |