icinga-light-theme: Style login view

This commit is contained in:
Florian Strohmaier 2020-10-20 16:03:05 +02:00 committed by Johannes Meyer
parent 464e6a0b43
commit 7e5bb8a230
1 changed files with 25 additions and 5 deletions

View File

@ -1,4 +1,5 @@
@icinga-background: #04062A;
@gray: #7F7F7F; @gray: #7F7F7F;
@gray-semilight: #A9A9A9; @gray-semilight: #A9A9A9;
@ -20,13 +21,14 @@
@low-sat-blue-dark: #c0cccd; // #434374; @low-sat-blue-dark: #c0cccd; // #434374;
#header-logo, .recolor-icinga-logo {
#mobile-menu-logo { filter: brightness(0.415) sepia(1) ~"saturate(0.1)" hue-rotate(144deg);
background-image: url('../img/icinga-logo-inverted.svg');
} }
#layout:not(.minimal-layout).sidebar-collapsed #header-logo { #header-logo,
background-image: url('../img/icinga-logo-compact-inverted.svg'); #mobile-menu-logo,
#about .icinga-logo {
.recolor-icinga-logo();
} }
#menu input.search, #menu input.search,
@ -34,3 +36,21 @@
input.search { input.search {
background-image: url(../img/icons/search.png); background-image: url(../img/icons/search.png);
} }
#login {
background-color: @icinga-background;
.login-form {
background: @menu-bg-color;
}
input[type=password],
input[type=text] {
background-color: @body-bg-color;
}
#icinga-logo {
.recolor-icinga-logo();
}
}