From 0a188740d37ed803e0fb077249d8357619a51a8f Mon Sep 17 00:00:00 2001
From: Markus Frosch <markus.frosch@icinga.com>
Date: Mon, 9 Oct 2017 13:55:26 +0200
Subject: [PATCH] Solazired theme: Improve colors and module styles

Signed-off-by: Eric Lippmann <eric.lippmann@icinga.com>
---
 public/css/themes/solarized-dark.less | 102 +++++++++++++++++++++-----
 1 file changed, 82 insertions(+), 20 deletions(-)

diff --git a/public/css/themes/solarized-dark.less b/public/css/themes/solarized-dark.less
index 967dd60e4..dad47c6de 100644
--- a/public/css/themes/solarized-dark.less
+++ b/public/css/themes/solarized-dark.less
@@ -10,7 +10,7 @@
 @base1: #93a1a1;
 @base2: #eee8d5;
 
-@icinga-blue: @base02;
+@icinga-blue: @base1;
 @body-bg-color: @base03;
 
 @color-ok: #859900;
@@ -27,18 +27,22 @@
 @text-color: @base2;
 @text-color-light: @base1;
 @text-color-on-icinga-blue: @base2;
-@text-color-inverted: @base2;
+@text-color-inverted: @base02;
 
 @link-color: @base0;
 
-@gray: @base02;
-@gray-light: @base1;
+@gray: @base1;
+@gray-light: @base01;
 @gray-lighter: #00222b;
-@gray-lightest: @base2;
+@gray-lightest: @base02;
 
 @tr-active-color: @base01;
 @tr-hover-color: @base02;
 
+#header {
+  background-color: @base02;
+}
+
 .tabs > li > a {
   color: @base00;
 }
@@ -51,18 +55,23 @@ input, select {
   background-color: @body-bg-color;
 }
 
-#login .control-label {
-  color: @base0;
+#login {
+  background: @base02;
+
+  .control-label {
+    color: @base0;
+  }
+
+  input[type=submit] {
+    color: @base0;
+    background-color: @base02;
+  }
 }
 
 #login-footer {
   color: @base01;
 }
 
-#login input[type=submit] {
-  color: @base0;
-}
-
 textarea {
   background-color: @base01;
 }
@@ -101,19 +110,25 @@ textarea {
   }
 }
 
-#menu a:hover {
-  color: @body-bg-color;
-  background-color: @base1;
-}
+#menu {
+  a:hover {
+    color: @body-bg-color;
+    background-color: @base1;
+  }
 
-#menu .active > a {
-  text-decoration: underline;
-  background-color: #657b83;
+  input.search {
+    background-image: url(../img/icons/search_icinga_blue.png);
+  }
+
+  .active > a {
+    color: @text-color-on-icinga-blue;
+    background-color: @base01;
+  }
 }
 
 .boxview a:focus {
-    color: @text-color;
-    text-decoration: underline;
+  color: @text-color;
+  text-decoration: underline;
 }
 
 .icinga-module.module-monitoring {
@@ -175,3 +190,50 @@ textarea {
     }
   }
 }
+
+.icinga-module.module-monitoring {
+  .tactical {
+    .box {
+      border-color: @body-bg-color !important;
+    }
+
+    div.box.contents {
+      background: @body-bg-color;
+    }
+  }
+}
+
+.icinga-module.module-director {
+  form {
+    input[type=text], input[type=password], textarea, select, .director-suggestions li {
+      background-color: @body-bg-color;
+      border-bottom: 1px solid @gray-light;
+    }
+
+    .director-suggestions li:hover {
+      background-color: @icinga-blue;
+    }
+
+    ul.extensible-set input[type=text] {
+      background-color: @icinga-blue;
+      color: @base2;
+    }
+
+    p.description {
+      background-color: @base02;
+    }
+
+    option {
+      background-color: @body-bg-color;
+    }
+  }
+
+  dd.active ul.extensible-set input[type=text], ul.extensible-set.sortable input[type=text] {
+    background: @body-bg-color;
+    border: 1px solid @gray-light;
+  }
+
+  ul.main-actions li a {
+    color: @icinga-blue;
+  }
+}