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-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>
@body-bg-color: #fff;

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

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