From 0c0c4a1f3fc61deac74807f4105a60684f3d5681 Mon Sep 17 00:00:00 2001
From: Yann Esposito <yann@vigiglobe.com>
Date: Tue, 24 Mar 2015 10:38:55 +0100
Subject: [PATCH] fix colors and config port

---
 example/config.rb                     |  2 +-
 lib/riemann/dash/public/views/flot.js | 26 +++++++++++++++++++++++---
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/example/config.rb b/example/config.rb
index b4c5861..2409b27 100644
--- a/example/config.rb
+++ b/example/config.rb
@@ -1,7 +1,7 @@
 # Example configuration file for riemann-dash.
 
 # Serve HTTP traffic on this port
-set  :port, 4567
+set  :port, 4444
 
 # Answer queries sent to this IP address
 set  :bind, "0.0.0.0"
diff --git a/lib/riemann/dash/public/views/flot.js b/lib/riemann/dash/public/views/flot.js
index cd43a95..d4938ef 100644
--- a/lib/riemann/dash/public/views/flot.js
+++ b/lib/riemann/dash/public/views/flot.js
@@ -1,4 +1,23 @@
 (function() {
+
+    // Solarized colors
+    var base03    = "#002b36";
+    var base02    = "#073642";
+    var base01    = "#586e75";
+    var base00    = "#657b83";
+    var base0     = "#839496";
+    var base1     = "#93a1a1";
+    var base2     = "#eee8d5";
+    var base3     = "#fdf6e3";
+    var yellow    = "#b58900";
+    var orange    = "#cb4b16";
+    var red       = "#dc322f";
+    var magenta   = "#d33682";
+    var violet    = "#6c71c4";
+    var blue      = "#268bd2";
+    var cyan      = "#2aa198";
+    var green     = "#859900";
+
     // Reify a timeseries view from JSON
     var FlotView = function(json) {
       // Extract state from JSON
@@ -15,7 +34,7 @@
       this.font = {
         size: 11,
         lineheight: 13,
-        color: "#444"
+        color: base00
       };
 
       var self = this;
@@ -86,11 +105,12 @@
         legend: {
           position: "nw",
           backgroundOpacity: 0.7,
+          backgroundColor: base03
         },
         grid: {
           borderWidth: 1,
-          borderColor: "#073642",
-          color: "#586e75",
+          borderColor: base00,
+          color: base0,
         },
         yaxis: {
           font: this.font,