mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-23 13:54:26 +02:00
Integrate light theme's gray-lightest
using a media query
This commit is contained in:
parent
49f905af06
commit
608499c4cd
@ -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)));
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -1,2 +0,0 @@
|
|||||||
|
|
||||||
@gray-lightest: #F7F7F7;
|
|
Loading…
x
Reference in New Issue
Block a user