luci-theme-material: Add main color variable

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

View file

@ -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 {

View file

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