From 134061f3db2d44c46061e1c7fa0bb5571ef3e553 Mon Sep 17 00:00:00 2001
From: Eric Lippmann <eric.lippmann@netways.de>
Date: Mon, 25 Jan 2016 08:50:37 +0100
Subject: [PATCH] CSS: Fix colors used in widgets.less

---
 public/css/icinga/base.less    |  5 ++-
 public/css/icinga/widgets.less | 75 +++-------------------------------
 2 files changed, 9 insertions(+), 71 deletions(-)

diff --git a/public/css/icinga/base.less b/public/css/icinga/base.less
index afd792669..9ed2e432b 100644
--- a/public/css/icinga/base.less
+++ b/public/css/icinga/base.less
@@ -1,5 +1,8 @@
 /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
 
+// Black colors
+@black: #535353;
+
 // Gray colors
 @gray: #7F7F7F;
 @gray-light: #C9C9C9;
@@ -23,7 +26,7 @@
 @body-bg-color: #fff;
 
 // Text colors
-@text-color: #535353;
+@text-color: @black;
 @text-color-inverted: @body-bg-color;
 @text-color-light: @gray;
 @text-color-on-icinga-blue: @body-bg-color;
diff --git a/public/css/icinga/widgets.less b/public/css/icinga/widgets.less
index 93cd5b745..cd1e479d8 100644
--- a/public/css/icinga/widgets.less
+++ b/public/css/icinga/widgets.less
@@ -116,7 +116,7 @@ ul.tree li::before, ul.tree li::after {
   position: absolute;
   right: auto;
   left: -0.2em;
-  border-color: #aaa;
+  border-color: @gray-light;
   border-style: dotted;
   border-width: 0;
 }
@@ -158,22 +158,22 @@ ul.tree li a {
   padding-left: 1em;
   line-height: 2em;
   text-decoration: none;
-  color: #777;
+  color: @gray;
   background-repeat: no-repeat;
   background-position: 0.8em 0.4em;
 }
 
 ul.tree li a.error {
-  color: @colorCriticalHandled;
+  color: @color-critical-handled;
 }
 
 ul.tree li a:hover {
-	color: #000;
+  color: @text-color;
   text-decoration: underline;
 }
 
 ul.tree li a.error:hover {
-  color: @colorCritical;
+  color: @color-critical;
 }
 
 /* Add hover effect to chart data */
@@ -187,71 +187,6 @@ ul.tree li a.error:hover {
   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 {
   // overwrite tooltip max width, we need them to grow bigger
   font-family: @font-family;