css: Respect --text-color-light

This commit is contained in:
Johannes Meyer 2021-06-23 14:42:21 +02:00
parent 638cc5c683
commit e3dbd01e86
9 changed files with 21 additions and 20 deletions

View File

@ -156,7 +156,7 @@
} }
.service-on { .service-on {
color: @text-color-light; .var(color, text-color-light);
> a { > a {
.var(color, text-color); .var(color, text-color);
@ -624,7 +624,7 @@ form.instance-features span.description, form.object-features span.description {
text-align: left; text-align: left;
margin-right: 0; margin-right: 0;
width: @name-value-table-name-width; width: @name-value-table-name-width;
color: @text-color-light; .var(color, text-color-light);
label { label {
font-size: inherit; font-size: inherit;

View File

@ -37,7 +37,7 @@
outline: none; outline: none;
&:hover { &:hover {
color: @text-color-light; .var(color, text-color-light);
} }
&:focus, &:active { &:focus, &:active {
color: @icinga-blue; color: @icinga-blue;

View File

@ -46,7 +46,7 @@
// Host name and IP addresses in the host and service detail view // Host name and IP addresses in the host and service detail view
.host-meta { .host-meta {
color: @text-color-light; .var(color, text-color-light);
font-size: @font-size-small; font-size: @font-size-small;
} }
@ -59,7 +59,7 @@
// Notification recipient in the notifications overview // Notification recipient in the notifications overview
.notification-recipient { .notification-recipient {
color: @text-color-light; .var(color, text-color-light);
float: right; float: right;
font-size: @font-size-small; font-size: @font-size-small;
} }
@ -91,7 +91,7 @@
// Plugin output in overviews // Plugin output in overviews
.overview-plugin-output { .overview-plugin-output {
color: @text-color-light; .var(color, text-color-light);
font-family: @font-family-fixed; font-family: @font-family-fixed;
font-size: @font-size-small; font-size: @font-size-small;
margin: 0; margin: 0;
@ -133,7 +133,7 @@
// Service description if in the service detail view // Service description if in the service detail view
.service-meta { .service-meta {
color: @text-color-light; .var(color, text-color-light);
font-size: @font-size-small; font-size: @font-size-small;
} }
@ -195,7 +195,8 @@
// State class for history events // State class for history events
&.state-no-state { &.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);
} }
* { * {

View File

@ -27,7 +27,7 @@
h3 em, h3 em,
.previews em, .previews em,
.privilege-label em { .privilege-label em {
color: @text-color-light; .var(color, text-color-light);
} }
h3 em { h3 em {
font-weight: normal; font-weight: normal;

View File

@ -480,7 +480,7 @@ form.icinga-form {
} }
form.icinga-form .form-info { form.icinga-form .form-info {
color: @text-color-light; .var(color, text-color-light);
font-size: @font-size-small; font-size: @font-size-small;
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;

View File

@ -2,7 +2,7 @@
.app-health { .app-health {
header { header {
color: @text-color-light; .var(color, text-color-light);
span { span {
.var(color, text-color); .var(color, text-color);
@ -42,7 +42,7 @@
} }
section { section {
color: @text-color-light; .var(color, text-color-light);
font-family: @font-family-fixed; font-family: @font-family-fixed;
} }
} }

View File

@ -128,7 +128,7 @@ a:hover > .icon-cancel {
} }
.comment-time { .comment-time {
color: @text-color-light; .var(color, text-color-light);
font-size: @font-size-small; font-size: @font-size-small;
} }
@ -139,7 +139,7 @@ a:hover > .icon-cancel {
} }
> dt { > dt {
color: @text-color-light; .var(color, text-color-light);
font-size: @font-size-small; font-size: @font-size-small;
} }
} }
@ -199,7 +199,7 @@ a:hover > .icon-cancel {
} }
.name-value-table > tbody > tr > th { .name-value-table > tbody > tr > th {
color: @text-color-light; .var(color, text-color-light);
// Reset default font-weight // Reset default font-weight
font-weight: normal; font-weight: normal;
padding-left: 0; padding-left: 0;
@ -385,7 +385,7 @@ a:hover > .icon-cancel {
.name-value-table { .name-value-table {
> caption { > caption {
font-weight: normal; font-weight: normal;
color: @text-color-light; .var(color, text-color-light);
} }
> tbody > tr > th { > tbody > tr > th {

View File

@ -457,7 +457,7 @@ input[type=text].search-input {
background: none; background: none;
border: none; border: none;
padding: 0; padding: 0;
color: @text-color-light; .var(color, text-color-light);
position: absolute; position: absolute;
bottom: 0.2em; bottom: 0.2em;
right: 0; right: 0;

View File

@ -118,7 +118,7 @@
} }
.link-description { .link-description {
color: @text-color-light; .var(color, text-color-light);
} }
.link-icon { .link-icon {
@ -227,7 +227,7 @@ form.role-form {
} }
.control-label-group em { .control-label-group em {
color: @text-color-light; .var(color, text-color-light);
font-style: normal; font-style: normal;
} }
@ -260,7 +260,7 @@ form.role-form {
h3 em { h3 em {
font-size: .857em; font-size: .857em;
font-weight: normal; font-weight: normal;
color: @text-color-light; .var(color, text-color-light);
} }
h4 { h4 {