From f46ad8775018890538c435d01ae236e423a08417 Mon Sep 17 00:00:00 2001 From: Simon Tretter Date: Sun, 21 Oct 2018 11:50:55 +0800 Subject: [PATCH] luci-theme-material: Add main color variable Signed-off-by: Simon Tretter --- .../htdocs/luci-static/material/cascade.css | 14 +++++++------- .../htdocs/luci-static/material/custom.css | 1 + 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css index 65aaf73be..6961bfe2d 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css @@ -154,7 +154,7 @@ input, select:not([multiple="multiple"]):focus, input:focus { - border-color: #0099CC; + border-color: var(--main-color, #0099CC); } select[multiple="multiple"] { @@ -162,7 +162,7 @@ select[multiple="multiple"] { } code { - color: #0099CC; + color: var(--main-color, #0099CC); } abbr { @@ -457,7 +457,7 @@ header > .fill > .container > .status { } .main > .main-left > .nav > .slide > .slide-menu > .active:hover { - background-color: #0099CC; + background-color: var(--main-color, #0099CC); cursor: hand; } @@ -615,7 +615,7 @@ div > .table > .tbody > .tr:nth-of-type(2n) { #conns > div > div, #memtotal > div > div { height: 100% !important; - background-color: #0099CC !important; + background-color: var(--main-color, #0099CC) !important; } /* fix multiple table */ @@ -796,13 +796,13 @@ td > table > tbody > tr > td, .tabs > li[class~="active"], .tabs > li:hover { cursor: pointer; - border-bottom: 0.2rem solid #0099CC; - color: #0099CC; + border-bottom: 0.2rem solid var(--main-color, #0099CC); + color: var(--main-color, #0099CC); margin-bottom: -0.18751rem; } .tabs > li[class~="active"] > a { - color: #0099cc; + color: var(--main-color, #0099CC); } .tabs > li:hover { diff --git a/themes/luci-theme-material/htdocs/luci-static/material/custom.css b/themes/luci-theme-material/htdocs/luci-static/material/custom.css index adb9c753e..e53ac6db4 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/custom.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/custom.css @@ -1,5 +1,6 @@ :root { + --main-color: #0099CC; --header-bg: #0099CC; --header-color: #FFFFFF; --menu-bg-color: #FFFFFF; -- 2.25.1