Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-material: Add main color variable

Browse source 
Signed-off-by: Simon Tretter <simon@mediaarchitectu.re>
This commit is contained in:
Simon Tretter 2018-10-21 11:50:55 +08:00
parent a2a5110902
commit f46ad87750
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View file

@ -154,7 +154,7 @@ input,
select:not([multiple="multiple"]):focus, select:not([multiple="multiple"]):focus,
input:focus { input:focus {
border-color: #0099CC; border-color: var(--main-color, #0099CC);
} }
select[multiple="multiple"] { select[multiple="multiple"] {
@ -162,7 +162,7 @@ select[multiple="multiple"] {
} }
code { code {
color: #0099CC; color: var(--main-color, #0099CC);
} }
abbr { abbr {
@ -457,7 +457,7 @@ header > .fill > .container > .status {
} }
.main > .main-left > .nav > .slide > .slide-menu > .active:hover { .main > .main-left > .nav > .slide > .slide-menu > .active:hover {
background-color: #0099CC; background-color: var(--main-color, #0099CC);
cursor: hand; cursor: hand;
} }
@ -615,7 +615,7 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
#conns > div > div, #conns > div > div,
#memtotal > div > div { #memtotal > div > div {
height: 100% !important; height: 100% !important;
background-color: #0099CC !important; background-color: var(--main-color, #0099CC) !important;
} }
/* fix multiple table */ /* fix multiple table */
@ -796,13 +796,13 @@ td > table > tbody > tr > td,
.tabs > li[class~="active"], .tabs > li[class~="active"],
.tabs > li:hover { .tabs > li:hover {
cursor: pointer; cursor: pointer;
border-bottom: 0.2rem solid #0099CC; border-bottom: 0.2rem solid var(--main-color, #0099CC);
color: #0099CC; color: var(--main-color, #0099CC);
margin-bottom: -0.18751rem; margin-bottom: -0.18751rem;
} }
.tabs > li[class~="active"] > a { .tabs > li[class~="active"] > a {
color: #0099cc; color: var(--main-color, #0099CC);
} }
.tabs > li:hover { .tabs > li:hover {

1
themes/luci-theme-material/htdocs/luci-static/material/custom.css
View file

@ -1,5 +1,6 @@
:root { :root {
--main-color: #0099CC;
--header-bg: #0099CC; --header-bg: #0099CC;
--header-color: #FFFFFF; --header-color: #FFFFFF;
--menu-bg-color: #FFFFFF; --menu-bg-color: #FFFFFF;