Integrate light theme's gray-lightest using a media query

This commit is contained in:
Johannes Meyer 2021-06-23 12:56:13 +02:00
parent 49f905af06
commit 608499c4cd
7 changed files with 9 additions and 9 deletions

View File

@ -2,7 +2,7 @@
// Mixins // Mixins
.gradient(@a: ~"var(--gray-lighter, @{gray-lighter})"; @b: @gray-lightest) { .gradient(@a: ~"var(--gray-lighter, @{gray-lighter})"; @b: ~"var(--gray-lightest, @{gray-lightest})") {
background: extract-variable-default(@a); background: extract-variable-default(@a);
background: @a; background: @a;
background: -webkit-gradient(linear, left top, left bottom, from(extract-variable-default(@a, true)), to(extract-variable-default(@b, true))); background: -webkit-gradient(linear, left top, left bottom, from(extract-variable-default(@a, true)), to(extract-variable-default(@b, true)));

View File

@ -129,6 +129,7 @@
--gray-semilight: #A9A9A9; --gray-semilight: #A9A9A9;
--gray-light: #C9C9C9; --gray-light: #C9C9C9;
--gray-lighter: #EEEEEE; --gray-lighter: #EEEEEE;
--gray-lightest: #F7F7F7;
} }
} }
@ -203,7 +204,7 @@ h6 {
} }
pre { pre {
background-color: @gray-lightest; .var(background-color, gray-lightest);
font-family: @font-family-fixed; font-family: @font-family-fixed;
font-size: @font-size-small; font-size: @font-size-small;
padding: @vertical-padding @horizontal-padding; padding: @vertical-padding @horizontal-padding;

View File

@ -301,7 +301,7 @@ form.icinga-form .form-controls {
button.noscript-apply { button.noscript-apply {
.var(color, "gray"); .var(color, "gray");
background-color: @gray-lightest; .var(background-color, gray-lightest);
.var(border-color, "gray"); .var(border-color, "gray");
border-width: 1px; border-width: 1px;
} }

View File

@ -110,7 +110,7 @@ a:hover > .icon-cancel {
margin-bottom: 0.25em; margin-bottom: 0.25em;
&:hover { &:hover {
background-color: @gray-lightest; .var(background-color, gray-lightest);
> .remove-action { > .remove-action {
visibility: visible; visibility: visible;
@ -168,7 +168,8 @@ a:hover > .icon-cancel {
} }
tbody tr { tbody tr {
border-bottom: 1px solid @gray-lightest; border-bottom: 1px solid;
.var(border-bottom-color, gray-lightest);
border-left: 5px solid transparent; border-left: 5px solid transparent;
&:last-child { &:last-child {

View File

@ -423,7 +423,7 @@ form#setup_requirements {
padding: 0.3em; padding: 0.3em;
border: 1px solid; border: 1px solid;
.var(border-color, gray-semilight); .var(border-color, gray-semilight);
background-color: @gray-lightest; .var(background-color, gray-lightest);
.header { .header {
height: 2.5em; height: 2.5em;

View File

@ -196,7 +196,7 @@ table.multiselect tr[href] td {
} }
ul.tree li.active { ul.tree li.active {
background-color: @gray-lightest; .var(background-color, gray-lightest);
} }
button { button {

View File

@ -1,2 +0,0 @@
@gray-lightest: #F7F7F7;