From b68281388ab9261f869e82eac5d5dc7d1640d678 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Mon, 28 Jun 2021 12:37:42 +0200 Subject: [PATCH] css: Fix notification color vars and respect `--color-notification-*` --- public/css/icinga/base.less | 4 ++-- public/css/icinga/layout.less | 24 ++++++++++++------------ 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/public/css/icinga/base.less b/public/css/icinga/base.less index ec6312190..f7f212213 100644 --- a/public/css/icinga/base.less +++ b/public/css/icinga/base.less @@ -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-bg-color: #282E39; diff --git a/public/css/icinga/layout.less b/public/css/icinga/layout.less index 382354524..f5b435c58 100644 --- a/public/css/icinga/layout.less +++ b/public/css/icinga/layout.less @@ -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); } } }