Integrate light theme's `@text-color` using a media query

This commit is contained in:
Johannes Meyer 2021-06-23 11:27:23 +02:00
parent 05acbd0a3f
commit 039fdfc8af
12 changed files with 27 additions and 21 deletions

View File

@ -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;
}
}

View File

@ -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;
}
}

View File

@ -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;
}
}
}

View File

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

View File

@ -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;
}
}

View File

@ -5,7 +5,7 @@
color: @text-color-light;
span {
color: @text-color;
.var(color, text-color);
}
}

View File

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

View File

@ -387,7 +387,7 @@ a:hover > .icon-cancel {
> tbody > tr > th {
font-weight: bold;
color: @text-color;
.var(color, text-color);
}
.missing {

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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);

View File

@ -5,8 +5,6 @@
@gray-lighter: #EEEEEE;
@gray-lightest: #F7F7F7;
@text-color: #535353;
@menu-color: #676767;
@menu-active-bg-color: #EDF7FC;