tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-20 12:24:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adapt the colourblind theme colours

Browse Source
This commit is contained in:
Feu Mourek 2021-06-14 12:28:28 +02:00 committed by Johannes Meyer
parent 33402ec6b0
commit 86d8b4501b
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/themes/colorblind.less
View File

@ -1,12 +1,12 @@
/*! Icinga Web 2 | (c) 2019 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2019 Icinga Development Team | GPLv2+ */
@color-ok: #CCFFD7; @color-ok: fade(#77E08E, 50%);
@color-critical: #FE5566; @color-critical: #FE5566;
@color-critical-handled: #FF99AA; @color-critical-handled: fade(#FE5566, 50%);
@color-warning: #EAD010; @color-warning: #EAD010;
@color-warning-handled: #FFF399; @color-warning-handled: fade(#EAD010, 50%);
@color-unknown: #7791E0; @color-unknown: #7791E0;
@color-unknown-handled: #B8C6FF; @color-unknown-handled: fade(#7791E0, 50%);
@color-unreachable: @color-unknown; @color-unreachable: @color-unknown;
@color-unreachable-handled: @color-unknown-handled; @color-unreachable-handled: @color-unknown-handled;
@color-pending: #000000; @color-pending: #000000;
@ -18,34 +18,34 @@
.state-ok, .state-ok,
.state-up { .state-up {
color: black; color: @text-color;
} }
.state-warning, .state-warning,
.state-critical, .state-critical,
.state-down, .state-down,
.state-unknown { .state-unknown {
&.handled { &.handled {
color: black; color: @text-color;
} }
} }
.state-warning, .state-warning,
.state-critical, .state-critical,
.state-down, .state-down,
.state-unknown { .state-unknown {
color: white; color: @text-color-inverted;
} }
.state-warning:not(.handled) { .state-warning:not(.handled) {
text-shadow: 0 0 3px mix(#000000, @color-warning, 60); text-shadow: 0 0 3px mix(@text-color, @color-warning, 60);
} }
.state-critical:not(.handled), .state-critical:not(.handled),
.state-down:not(.handled) { .state-down:not(.handled) {
text-shadow: 0 0 1px mix(#000000, @color-critical, 20); text-shadow: 0 0 1px mix(@text-color, @color-critical, 20);
} }
.state-unknown:not(.handled), .state-unknown:not(.handled),
.state-unreachable:not(.handled) { .state-unreachable:not(.handled) {
text-shadow: 0 0 1px mix(#000000, @color-unknown, 20); text-shadow: 0 0 1px mix(@text-color, @color-unknown, 20);
} }
:
.processinfo .process > div.backend-running { .processinfo .process > div.backend-running {
color: @text-color; color: @text-color;
} }