From e3dbd01e8695b3a32f5234952ba4feb568c522e2 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Wed, 23 Jun 2021 14:42:21 +0200 Subject: [PATCH] css: Respect `--text-color-light` --- modules/monitoring/public/css/module.less | 4 ++-- modules/monitoring/public/css/service-grid.less | 2 +- modules/monitoring/public/css/tables.less | 11 ++++++----- public/css/icinga/audit.less | 2 +- public/css/icinga/forms.less | 2 +- public/css/icinga/health.less | 4 ++-- public/css/icinga/main.less | 8 ++++---- public/css/icinga/menu.less | 2 +- public/css/icinga/widgets.less | 6 +++--- 9 files changed, 21 insertions(+), 20 deletions(-) diff --git a/modules/monitoring/public/css/module.less b/modules/monitoring/public/css/module.less index 7b0920cd2..b8cecd4ad 100644 --- a/modules/monitoring/public/css/module.less +++ b/modules/monitoring/public/css/module.less @@ -156,7 +156,7 @@ } .service-on { - color: @text-color-light; + .var(color, text-color-light); > a { .var(color, text-color); @@ -624,7 +624,7 @@ form.instance-features span.description, form.object-features span.description { text-align: left; margin-right: 0; width: @name-value-table-name-width; - color: @text-color-light; + .var(color, text-color-light); label { font-size: inherit; diff --git a/modules/monitoring/public/css/service-grid.less b/modules/monitoring/public/css/service-grid.less index c3f86bb8f..35a544e7d 100644 --- a/modules/monitoring/public/css/service-grid.less +++ b/modules/monitoring/public/css/service-grid.less @@ -37,7 +37,7 @@ outline: none; &:hover { - color: @text-color-light; + .var(color, text-color-light); } &:focus, &:active { color: @icinga-blue; diff --git a/modules/monitoring/public/css/tables.less b/modules/monitoring/public/css/tables.less index 3f83e927e..1f7f6feea 100644 --- a/modules/monitoring/public/css/tables.less +++ b/modules/monitoring/public/css/tables.less @@ -46,7 +46,7 @@ // Host name and IP addresses in the host and service detail view .host-meta { - color: @text-color-light; + .var(color, text-color-light); font-size: @font-size-small; } @@ -59,7 +59,7 @@ // Notification recipient in the notifications overview .notification-recipient { - color: @text-color-light; + .var(color, text-color-light); float: right; font-size: @font-size-small; } @@ -91,7 +91,7 @@ // Plugin output in overviews .overview-plugin-output { - color: @text-color-light; + .var(color, text-color-light); font-family: @font-family-fixed; font-size: @font-size-small; margin: 0; @@ -133,7 +133,7 @@ // Service description if in the service detail view .service-meta { - color: @text-color-light; + .var(color, text-color-light); font-size: @font-size-small; } @@ -195,7 +195,8 @@ // State class for history events &.state-no-state { - border-left: @border-left-width solid @text-color-light; + border-left: @border-left-width solid; + .var(border-left-color, text-color-light); } * { diff --git a/public/css/icinga/audit.less b/public/css/icinga/audit.less index 6763237da..a05ad0be5 100644 --- a/public/css/icinga/audit.less +++ b/public/css/icinga/audit.less @@ -27,7 +27,7 @@ h3 em, .previews em, .privilege-label em { - color: @text-color-light; + .var(color, text-color-light); } h3 em { font-weight: normal; diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less index 58225b8fc..1478ae1ad 100644 --- a/public/css/icinga/forms.less +++ b/public/css/icinga/forms.less @@ -480,7 +480,7 @@ form.icinga-form { } form.icinga-form .form-info { - color: @text-color-light; + .var(color, text-color-light); font-size: @font-size-small; list-style: none; padding-left: 0; diff --git a/public/css/icinga/health.less b/public/css/icinga/health.less index 41681a97a..b673edbbc 100644 --- a/public/css/icinga/health.less +++ b/public/css/icinga/health.less @@ -2,7 +2,7 @@ .app-health { header { - color: @text-color-light; + .var(color, text-color-light); span { .var(color, text-color); @@ -42,7 +42,7 @@ } section { - color: @text-color-light; + .var(color, text-color-light); font-family: @font-family-fixed; } } diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less index 9795840ee..b6bf8816e 100644 --- a/public/css/icinga/main.less +++ b/public/css/icinga/main.less @@ -128,7 +128,7 @@ a:hover > .icon-cancel { } .comment-time { - color: @text-color-light; + .var(color, text-color-light); font-size: @font-size-small; } @@ -139,7 +139,7 @@ a:hover > .icon-cancel { } > dt { - color: @text-color-light; + .var(color, text-color-light); font-size: @font-size-small; } } @@ -199,7 +199,7 @@ a:hover > .icon-cancel { } .name-value-table > tbody > tr > th { - color: @text-color-light; + .var(color, text-color-light); // Reset default font-weight font-weight: normal; padding-left: 0; @@ -385,7 +385,7 @@ a:hover > .icon-cancel { .name-value-table { > caption { font-weight: normal; - color: @text-color-light; + .var(color, text-color-light); } > tbody > tr > th { diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less index 0cd009c2f..0c4aea3c8 100644 --- a/public/css/icinga/menu.less +++ b/public/css/icinga/menu.less @@ -457,7 +457,7 @@ input[type=text].search-input { background: none; border: none; padding: 0; - color: @text-color-light; + .var(color, text-color-light); position: absolute; bottom: 0.2em; right: 0; diff --git a/public/css/icinga/widgets.less b/public/css/icinga/widgets.less index 2dcd2e797..faa9c3e8e 100644 --- a/public/css/icinga/widgets.less +++ b/public/css/icinga/widgets.less @@ -118,7 +118,7 @@ } .link-description { - color: @text-color-light; + .var(color, text-color-light); } .link-icon { @@ -227,7 +227,7 @@ form.role-form { } .control-label-group em { - color: @text-color-light; + .var(color, text-color-light); font-style: normal; } @@ -260,7 +260,7 @@ form.role-form { h3 em { font-size: .857em; font-weight: normal; - color: @text-color-light; + .var(color, text-color-light); } h4 {