tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Solazired theme: Improve colors and module styles 

Signed-off-by: Eric Lippmann <eric.lippmann@icinga.com>
This commit is contained in:
Markus Frosch 2017-10-09 13:55:26 +02:00 committed by Eric Lippmann
parent 751da3c762
commit 0a188740d3
1 changed files with 82 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
public/css/themes/solarized-dark.less
View File

@ -10,7 +10,7 @@
@base1: #93a1a1; @base1: #93a1a1;
@base2: #eee8d5; @base2: #eee8d5;
@icinga-blue: @base02; @icinga-blue: @base1;
@body-bg-color: @base03; @body-bg-color: @base03;
@color-ok: #859900; @color-ok: #859900;
@ -27,18 +27,22 @@
@text-color: @base2; @text-color: @base2;
@text-color-light: @base1; @text-color-light: @base1;
@text-color-on-icinga-blue: @base2; @text-color-on-icinga-blue: @base2;
@text-color-inverted: @base2; @text-color-inverted: @base02;
@link-color: @base0; @link-color: @base0;
@gray: @base02; @gray: @base1;
@gray-light: @base1; @gray-light: @base01;
@gray-lighter: #00222b; @gray-lighter: #00222b;
@gray-lightest: @base2; @gray-lightest: @base02;
@tr-active-color: @base01; @tr-active-color: @base01;
@tr-hover-color: @base02; @tr-hover-color: @base02;
#header {
background-color: @base02;
}
.tabs > li > a { .tabs > li > a {
color: @base00; color: @base00;
} }
@ -51,18 +55,23 @@ input, select {
background-color: @body-bg-color; background-color: @body-bg-color;
} }
#login .control-label { #login {
color: @base0; background: @base02;
.control-label {
color: @base0;
}
input[type=submit] {
color: @base0;
background-color: @base02;
}
} }
#login-footer { #login-footer {
color: @base01; color: @base01;
} }
#login input[type=submit] {
color: @base0;
}
textarea { textarea {
background-color: @base01; background-color: @base01;
} }
@ -101,19 +110,25 @@ textarea {
} }
} }
#menu a:hover { #menu {
color: @body-bg-color; a:hover {
background-color: @base1; color: @body-bg-color;
} background-color: @base1;
}
#menu .active > a { input.search {
text-decoration: underline; background-image: url(../img/icons/search_icinga_blue.png);
background-color: #657b83; }
.active > a {
color: @text-color-on-icinga-blue;
background-color: @base01;
}
} }
.boxview a:focus { .boxview a:focus {
color: @text-color; color: @text-color;
text-decoration: underline; text-decoration: underline;
} }
.icinga-module.module-monitoring { .icinga-module.module-monitoring {
@ -175,3 +190,50 @@ textarea {
} }
} }
} }
.icinga-module.module-monitoring {
.tactical {
.box {
border-color: @body-bg-color !important;
}
div.box.contents {
background: @body-bg-color;
}
}
}
.icinga-module.module-director {
form {
input[type=text], input[type=password], textarea, select, .director-suggestions li {
background-color: @body-bg-color;
border-bottom: 1px solid @gray-light;
}
.director-suggestions li:hover {
background-color: @icinga-blue;
}
ul.extensible-set input[type=text] {
background-color: @icinga-blue;
color: @base2;
}
p.description {
background-color: @base02;
}
option {
background-color: @body-bg-color;
}
}
dd.active ul.extensible-set input[type=text], ul.extensible-set.sortable input[type=text] {
background: @body-bg-color;
border: 1px solid @gray-light;
}
ul.main-actions li a {
color: @icinga-blue;
}
}