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

Add colorblind theme

This commit is contained in:
Jennifer Mourek 2019-04-12 11:25:07 +02:00
parent 467cabea77
commit eafc6cf356
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/css/themes/colorblind.less Normal file
View File

@ -0,0 +1,47 @@
/*! Icinga Web 2 | (c) 2019 Icinga Development Team | GPLv2+ */
@color-ok: #CCFFD7;
@color-critical: #FE5566;
@color-critical-handled: #FF99AA;
@color-warning: #EAD010;
@color-warning-handled: #FFF399;
@color-unknown: #7791E0;
@color-unknown-handled: #B8C6FF;
@color-unreachable: @color-unknown;
@color-unreachable-handled: @color-unknown-handled;
@color-pending: #000000;
/* Adapt font color to match handled / unhandled states and maintain readability with text-shadows */
.badge {
font-weight: 800;
}
.state-ok,
.state-up {
color: black;
}
.state-warning,
.state-critical,
.state-down,
.state-unknown {
&.handled {
color: black;
}
}
.state-warning,
.state-critical,
.state-down,
.state-unknown {
color: white;
}
.state-warning:not(.handled) {
text-shadow: 0 0 3px mix(#000000, @color-warning, 60);
}
.state-critical:not(.handled),
.state-down:not(.handled) {
text-shadow: 0 0 1px mix(#000000, @color-critical, 20);
}
.state-unknown:not(.handled),
.state-unreachable:not(.handled) {
text-shadow: 0 0 1px mix(#000000, @color-unknown, 20);
}