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

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

View File

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

View File

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