CSS: Fix colors used in widgets.less

This commit is contained in:
Eric Lippmann 2016-01-25 08:50:37 +01:00
parent f7ba48eaac
commit 134061f3db
2 changed files with 9 additions and 71 deletions

View File

@ -1,5 +1,8 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
// Black colors
@black: #535353;
// Gray colors // Gray colors
@gray: #7F7F7F; @gray: #7F7F7F;
@gray-light: #C9C9C9; @gray-light: #C9C9C9;
@ -23,7 +26,7 @@
@body-bg-color: #fff; @body-bg-color: #fff;
// Text colors // Text colors
@text-color: #535353; @text-color: @black;
@text-color-inverted: @body-bg-color; @text-color-inverted: @body-bg-color;
@text-color-light: @gray; @text-color-light: @gray;
@text-color-on-icinga-blue: @body-bg-color; @text-color-on-icinga-blue: @body-bg-color;

View File

@ -116,7 +116,7 @@ ul.tree li::before, ul.tree li::after {
position: absolute; position: absolute;
right: auto; right: auto;
left: -0.2em; left: -0.2em;
border-color: #aaa; border-color: @gray-light;
border-style: dotted; border-style: dotted;
border-width: 0; border-width: 0;
} }
@ -158,22 +158,22 @@ ul.tree li a {
padding-left: 1em; padding-left: 1em;
line-height: 2em; line-height: 2em;
text-decoration: none; text-decoration: none;
color: #777; color: @gray;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0.8em 0.4em; background-position: 0.8em 0.4em;
} }
ul.tree li a.error { ul.tree li a.error {
color: @colorCriticalHandled; color: @color-critical-handled;
} }
ul.tree li a:hover { ul.tree li a:hover {
color: #000; color: @text-color;
text-decoration: underline; text-decoration: underline;
} }
ul.tree li a.error:hover { ul.tree li a.error:hover {
color: @colorCritical; color: @color-critical;
} }
/* Add hover effect to chart data */ /* Add hover effect to chart data */
@ -187,71 +187,6 @@ ul.tree li a.error:hover {
height: 80vh; height: 80vh;
} }
//.badge-container {
// font-size: 1em;
// display: inline-block;
// float: right;
// margin-right: 0.6em;
//}
//
//li li .badge-container {
// /*
// fix margin for smaller font-size of list elements
// 1 = 0,8em / 0.8em
// */
// margin-right: 0.75em;
//}
//.badge {
// position: relative;
// top: -0.15em;
// display: inline-block;
// min-width: 1em;
// padding: 3px 7px;
// margin: 0 0.2em 0 0.2em;
// font-size: 0.8em;
// font-weight: 700;
// line-height: 1.1em;
// color: white;
// text-align: center;
// white-space: nowrap;
// vertical-align: baseline;
// background-color: @colorInvalid;
//}
//
//.badge a[href] {
// color: @colorGray;
// text-decoration: none;
//}
//.badge-critical {
// background-color: @colorCritical;
//}
//
//.badge-down {
// background-color: @colorCritical;
//}
//
//.badge-warning {
// background-color: @colorWarning;
//}
//
//.badge-ok {
// background-color: @colorOk;
//}
//
//.badge-up {
// background-color: @colorOk;
//}
//
//.badge-pending {
// background-color: @colorPending;
//}
//
//.badge-unknown {
// background-color: @colorUnknown;
//}
.tipsy .tipsy-inner { .tipsy .tipsy-inner {
// overwrite tooltip max width, we need them to grow bigger // overwrite tooltip max width, we need them to grow bigger
font-family: @font-family; font-family: @font-family;