Integrate light theme's `@text-color` using a media query
This commit is contained in:
parent
05acbd0a3f
commit
039fdfc8af
|
@ -28,7 +28,8 @@ pre > code {
|
|||
font-weight: @font-weight-bold;
|
||||
|
||||
&:hover {
|
||||
border-bottom: 1px @text-color solid;
|
||||
border-bottom: 1px solid;
|
||||
.var(border-bottom-color, text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -158,7 +158,7 @@
|
|||
color: @text-color-light;
|
||||
|
||||
> a {
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
letter-spacing: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
@ -401,7 +401,7 @@ div.box.stats {
|
|||
max-width: 50em;
|
||||
border: 1px solid @gray-lighter;
|
||||
border-left: 15px solid @gray;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
|
||||
.stats > .boxview > div.box {
|
||||
|
@ -699,7 +699,8 @@ form.instance-features span.description, form.object-features span.description {
|
|||
border-bottom: 1px @gray-light dotted;
|
||||
|
||||
&:hover {
|
||||
border-bottom: 1px @text-color solid;
|
||||
border-bottom: 1px solid;
|
||||
.var(border-bottom-color, text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
font-size: 130%;
|
||||
|
||||
a {
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
outline: none;
|
||||
|
||||
&:hover {
|
||||
|
@ -72,4 +72,4 @@ form.filter-toggle {
|
|||
input[type="checkbox"]:checked ~ label {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
.about-social i {
|
||||
font-size: 1.7em;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
|
||||
.about-social i:hover {
|
||||
|
@ -23,7 +23,7 @@
|
|||
margin: 0.5em;
|
||||
padding: 0;
|
||||
font-size: 5em;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
|
||||
.about-links i:hover {
|
||||
|
|
|
@ -110,6 +110,12 @@
|
|||
--menu-bg-color: #DEECF1;
|
||||
--menu-hover-bg-color: fade(#DEECF1, 50%);
|
||||
--menu-search-hover-bg-color: darken(#DEECF1, 20%);
|
||||
|
||||
--text-color: #535353;
|
||||
--text-color-light: fade(#535353, 75%);
|
||||
--link-color: #535353;
|
||||
--menu-active-color: #535353;
|
||||
--menu-flyout-color: #535353;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
color: @text-color-light;
|
||||
|
||||
span {
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -82,7 +82,7 @@
|
|||
|
||||
#layout {
|
||||
.var(background-color, body-bg-color);
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
font-family: @font-family;
|
||||
}
|
||||
|
||||
|
@ -204,7 +204,7 @@
|
|||
}
|
||||
|
||||
#notifications > li {
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
display: block;
|
||||
line-height: 2.5em;
|
||||
border-left: .5em solid @gray-light;
|
||||
|
|
|
@ -387,7 +387,7 @@ a:hover > .icon-cancel {
|
|||
|
||||
> tbody > tr > th {
|
||||
font-weight: bold;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
|
||||
.missing {
|
||||
|
|
|
@ -376,7 +376,7 @@ form#setup_requirements {
|
|||
padding: 0.2em;
|
||||
margin: -1em -1em 1em;
|
||||
text-align: center;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
background-color: #f6fafa;
|
||||
border: 1px solid lightgrey;
|
||||
}
|
||||
|
|
|
@ -38,7 +38,7 @@
|
|||
&.active > a,
|
||||
> a:focus {
|
||||
.var(background-color, body-bg-color);
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -56,7 +56,7 @@
|
|||
.tabs > li > .refresh-container-control:focus,
|
||||
.tabs > li > .refresh-container-control:hover {
|
||||
.var(background-color, body-bg-color);
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -202,7 +202,7 @@ table.multiselect tr[href] td {
|
|||
padding: .5em;
|
||||
border: none;
|
||||
background: none;
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
|
||||
&:hover, &:focus {
|
||||
color: @icinga-blue;
|
||||
|
@ -414,7 +414,7 @@ ul.tree li a.error {
|
|||
}
|
||||
|
||||
ul.tree li a:hover {
|
||||
color: @text-color;
|
||||
.var(color, text-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
@ -561,7 +561,7 @@ ul.tree li a.error:hover {
|
|||
|
||||
.donut-label {
|
||||
font-weight: bold;
|
||||
fill: @text-color;
|
||||
.var(fill, text-color);
|
||||
}
|
||||
|
||||
.donut-label {
|
||||
|
@ -584,7 +584,7 @@ ul.tree li a.error:hover {
|
|||
}
|
||||
|
||||
.donut-label-small {
|
||||
fill: @text-color;
|
||||
.var(fill, text-color);
|
||||
font-size: 1.2em;
|
||||
text-anchor: middle;
|
||||
-moz-transform: translateY(0.35em);
|
||||
|
|
|
@ -5,8 +5,6 @@
|
|||
@gray-lighter: #EEEEEE;
|
||||
@gray-lightest: #F7F7F7;
|
||||
|
||||
@text-color: #535353;
|
||||
|
||||
@menu-color: #676767;
|
||||
@menu-active-bg-color: #EDF7FC;
|
||||
|
||||
|
|
Loading…
Reference in New Issue