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

css: Fix notification color vars and respect --color-notification-*

Browse Source
This commit is contained in:
Johannes Meyer 2021-06-28 12:37:42 +02:00
parent 804fe75d55
commit b68281388a
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/icinga/base.less
View File

@ -41,8 +41,8 @@
// Notification colors // Notification colors
@color-notification-error: @color-critical; @color-notification-error: @color-critical;
@color-notification-info: @color-pending; @color-notification-info: @color-pending;
@color-notification-success: #fe6; @color-notification-success: @color-ok;
@color-notification-warning: @color-warning-handled; @color-notification-warning: @color-warning;
// Background color for <body> // Background color for <body>
@body-bg-color: #282E39; @body-bg-color: #282E39;

24
public/css/icinga/layout.less
View File

@ -224,38 +224,38 @@
} }
&.error { &.error {
.var(border-color, color-down); .var(border-color, color-notification-error);
.var(background, color-down); .var(background, color-notification-error);
.var(color, body-bg-color); .var(color, text-color-on-icinga-blue);
.icon { .icon {
.var(color, body-bg-color); .var(color, text-color-on-icinga-blue);
} }
} }
&.info { &.info {
.var(border-color, color-pending); .var(border-color, color-notification-info);
.icon { .icon {
.var(color, color-pending); .var(color, color-notification-info);
} }
} }
&.success { &.success {
.var(border-color, color-ok); .var(border-color, color-notification-success);
.icon { .icon {
.var(color, color-ok); .var(color, color-notification-success);
} }
} }
&.warning { &.warning {
.var(border-color, color-warning); .var(border-color, color-notification-warning);
.var(background, color-warning); .var(background, color-notification-warning);
.var(color, body-bg-color); .var(color, text-color-inverted);
.icon { .icon {
.var(color, body-bg-color); .var(color, text-color-inverted);
} }
} }
} }