tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS: Fix colors used in layout.less

This commit is contained in:
Eric Lippmann 2016-01-25 09:01:26 +01:00
parent 134061f3db
commit 5b7f4cd91a
2 changed files with 30 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,6 +22,12 @@
@color-unreachable-handled: #cc77ff; @color-unreachable-handled: #cc77ff;
@color-pending: #77aaff; @color-pending: #77aaff;
// Notification colors
@color-notification-error: @color-critical;
@color-notification-info: @color-pending;
@color-notification-success: #fe6;
@color-notification-warning: @color-warning-handled;
// Background color for <body> // Background color for <body>
@body-bg-color: #fff; @body-bg-color: #fff;

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

@ -166,39 +166,40 @@ html.no-js .controls > .tabs {
// Notification styles // Notification styles
#notifications { #notifications {
// Reset defaults
list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#notifications > li { #notifications > li {
list-style-type: none; background: no-repeat 1em center;
border-top: 1px solid @gray-light;
color: @body-bg-color;
display: block; display: block;
border-top: 1px solid #999;
color: white;
line-height: 2.5em; line-height: 2.5em;
padding-left: 3em; padding-left: 3em;
background-repeat: no-repeat;
background-position: 1em center;
}
#notifications > li:hover { &:hover {
cursor: pointer; cursor: pointer;
} }
#notifications > li.info { &.error {
background-color: @colorFormNotificationInfo; background-color: @color-notification-error;
} background-image: url(../img/icons/error_white.png);
}
#notifications > li.warning { &.info {
background-color: @colorWarningHandled; background-color: @color-notification-info;
} }
#notifications > li.error {
background-color: @colorCritical;
background-image: url(../img/icons/error_white.png);
}
#notifications > li.success { &.success {
background-color: #fe6; background-color: @color-notification-success;
background-image: url(../img/icons/success.png); background-image: url(../img/icons/success.png);
color: #333; color: @text-color;
}
&.warning {
background-color: @color-notification-warning;
}
} }