diff --git a/puppetboard/static/css/puppetboard.css b/puppetboard/static/css/puppetboard.css
index a00cbd0..01b8e63 100644
--- a/puppetboard/static/css/puppetboard.css
+++ b/puppetboard/static/css/puppetboard.css
@@ -1,57 +1,65 @@
 body {
   margin: 0;
   font-family: "Open Sans", sans-serif;
 }
 
 a {
-  color: #564F8A;
+  color: #2C3E50;
   text-decoration: none;
 }
 
 h1.ui.header.no-margin-bottom {
   margin-bottom: 0;
 }
 
 .tablesorter-header-inner {
   float: left;
 }
 
 th.tablesorter-headerAsc::after {
   content: '\25b4' !important;
   float: right;
 }
 
 th.tablesorter-headerDesc::after {
   content: '\25be' !important;
   float: right;
 }
 
 .ui.grid.padding-bottom {
   padding-bottom: 40px !important;
 }
 
 .status {
   width: 47%;
   text-align: center;
   display: block;
 }
 .count {
   width: 21%;
   text-align: center;
   display: block;
 }
 
 .no-margin-top {
   margin-top: -35px !important;
 }
 
 .absolute {
   position: fixed;
   bottom: 0;
   width: 100%;
   background: #E8E8E8;
 }
 
 .absolute div {
   padding: 1em;
 }
+
+.ui.menu.darkblue {
+  background-color:#2C3E50;
+}
+
+.ui.darkblue.header, i.darkblue {
+  color:#2C3E50;
+}
diff --git a/puppetboard/templates/index.html b/puppetboard/templates/index.html
index 9d1aa20..2aac1fd 100644
--- a/puppetboard/templates/index.html
+++ b/puppetboard/templates/index.html
@@ -1,106 +1,106 @@
 {% extends 'layout.html' %}
 {% block content %}
 <div class="ui vertical grid">
   <div class="three column row">
     <div class="column">
       <a href="nodes?status=failed">
         <h1 class="ui red header no-margin-bottom">
           {{stats['failed']}}
           <small>{% if stats['failed']== 1 %} node {% else %} nodes {% endif %}</small>
         </h1>
       </a>
       <span>with status failed</span>
     </div>
     <div class="column">
       <a href="nodes?status=changed">
         <h1 class="ui header green no-margin-bottom">
           {{stats['changed']}}
           <small>{% if stats['changed']== 1 %} node {% else %} nodes {% endif %}</small>
         </h1>
       </a>
       <span>with status changed</span>
     </div>
     <div class="column">
       <a href="nodes?status=unreported">
         <h1 class="ui header black no-margin-bottom">
           {{ stats['unreported'] }}
           <small>{% if stats['unreported']== 1 %} node {% else %} nodes {% endif %}</small>
         </h1>
       </a>
       <span>unreported in the last {{ config.UNRESPONSIVE_HOURS }} hours</span>
     </div>
   </div>
   <div class="three column row">
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['num_nodes']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['num_nodes']}}</h1>
       <span>Population</span>
     </div>
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['num_resources']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['num_resources']}}</h1>
       <span>Resources managed</span>
     </div>
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['avg_resources_node']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['avg_resources_node']}}</h1>
       <span>Avg. resources/node</span>
     </div>
   </div>
   <div class="ui divider">
   </div>
   <div class="one column row no-margin-top">
     <div class="column">
       {% if nodes %}
       <h2>Nodes status detail ({{nodes|length}})</h2>
       <table class='ui compact basic table dashboard'>
         <thead>
           <tr>
             <th class="five wide">Status</th>
             <th class="ten wide">Hostname</th>
             <th class="one wide"></th>
           </tr>
         </thead>
         <tbody class="searchable">
           {% for node in nodes %}
           {% if node.status != 'unchanged' %}
           <tr>
             <td>
               <a class="ui small status label
                 {% if node.status == 'failed' %}
                   red
                 {% elif node.status == 'changed' %}
                   green
                 {% elif node.status == 'unreported' %}
                   black
                 {% endif %}
                 " href="{{url_for('report_latest', node_name=node.name)}}">
                   {{node.status}}
                 </a>
                 {% if node.status=='unreported'%}
                   <span class="ui small label status"> {{ node.unreported_time }} </label>
                 {% else %}
                    {% if node.events['failures'] %}<span class="ui small count label red">{{node.events['failures']}}</span>{% else %}<span class="ui small count label">0</span>{% endif%}
                    {% if node.events['successes'] %}<span class="ui small count label green">{{node.events['successes']}}</span>{% else %}<span class="ui small count label">0</span>{% endif%}
                 {% endif %}
             </td>
             <td>
               <a href="{{url_for('node', node_name=node.name)}}">{{ node.name }}</a>
             </td>
             <td>
               <a title="Latest Report" href="{{url_for('report_latest', node_name=node.name)}}">
-                <i class="large tasks purple icon"></i>
+                <i class="large tasks darkblue icon"></i>
               </a>
             </td>
           </tr>
           {% endif %}
           {% endfor %}
         </tbody>
       </table>
       {% else %}
       <h2>Nodes status detail</h2>
       <div class="ui info message">
         Nothing seems to be changing.
       </div>
       {% endif %}
     </div>
   </div>
 </div>
 {% endblock content %}
diff --git a/puppetboard/templates/layout.html b/puppetboard/templates/layout.html
index 8c4d28c..b7697d4 100644
--- a/puppetboard/templates/layout.html
+++ b/puppetboard/templates/layout.html
@@ -1,53 +1,53 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Puppetboard</title>
     <link href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/css/semantic.min.css" rel="stylesheet">
     <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <link href="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.13.3/css/filter.formatter.css" rel="stylesheet">
     <link href="{{ url_for('static', filename='css/puppetboard.css')}}" rel="stylesheet">
   </head>
 
   <body>
-    <nav class="ui fixed purple inverted menu">
+    <nav class="ui fixed darkblue inverted menu">
       <div class="title item">
         Puppetboard
       </div>
       {%- for endpoint, caption in [
       ('index', 'Overview'),
       ('nodes', 'Nodes'),
       ('facts', 'Facts'),
       ('reports', 'Reports'),
       ('metrics', 'Metrics'),
       ('query', 'Query'),
       ] %}
       <a {% if endpoint == request.endpoint %} class="active item" {% else %} class="item" {% endif %}
         href="{{ url_for(endpoint) }}">{{ caption }}</a>
       {%- endfor %}
     </nav>
     <div class="ui grid padding-bottom">
       <div class="one wide column"></div>
       <div class="fourteen wide column">
         {% block content %} {% endblock content %}
       </div>
       <div class="one wide column"></div>
     </div>
 
     <footer class="ui absolute fixed bottom">
       <div>
       Copyright © 2013-2014 <a href="https://github.com/daenney">Daniele Sluijters</a>. <span style="float:right">Live from PuppetDB.</span>
     </div>
     </footer>
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/javascript/semantic.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.13.3/jquery.tablesorter.min.js"></script>
     <script src="{{ url_for('static', filename='js/timestamps.js')}}"></script>
     <script src="{{url_for('static', filename='js/lists.js')}}"></script>
     <script src="{{url_for('static', filename='js/tables.js')}}"></script>
 
     {% block script %} {% endblock script %}
   </body>
 </html>
diff --git a/puppetboard/templates/nodes.html b/puppetboard/templates/nodes.html
index c4545f6..2b317e3 100644
--- a/puppetboard/templates/nodes.html
+++ b/puppetboard/templates/nodes.html
@@ -1,57 +1,57 @@
 {% extends 'layout.html' %}
 {% block content %}
 <div class="ui fluid icon input hide" style="margin-bottom:20px">
   <input autofocus="autofocus" class="filter-table" placeholder="Type here to filter...">
 </div>
 <table class='ui compact basic table nodes'>
   <thead>
     <tr>
       <th>Status</th>
       <th>Hostname</th>
       <th>Catalog</th>
       <th>Report</th>
       <th>&nbsp;</th>
     </tr>
   </thead>
   <tbody class="searchable">
     {% for node in nodes %}
     <tr>
       <td>
         <a class="ui small status label
           {% if node.status == 'failed' %}
             red
           {% elif node.status == 'changed' %}
             green
           {% elif node.status == 'unreported' %}
             black
           {% endif %}
           " href="{{url_for('report_latest', node_name=node.name)}}">
             {{node.status}}
           </a>
           {% if node.status=='unreported'%}
             <span class="ui small label status"> {{ node.unreported_time }} </label>
           {% else %}
           <span>{% if node.events['failures'] %}<span class="ui small count label red">{{node.events['failures']}}</span>{% else %}<span class="ui small count label">0</span>{% endif%}
             {% if node.events['successes'] %}<span class="ui small count label green">{{node.events['successes']}}</span>{% else %}<span class="ui small count label">0</span>{% endif%}</span>
           {% endif %}
       </td>
       <td><a href="{{url_for('node', node_name=node.name)}}">{{node.name}}</a></td>
       <td rel="utctimestamp">{{node.catalog_timestamp}}</td>
       <td>
         {% if node.report_timestamp %}
         <a href="{{url_for('report_latest', node_name=node.name)}}" rel='utctimestamp'>{{ node.report_timestamp }}</a>
         {% else %}
           <i class="large ban circle icon"></i>
         {% endif %}
       </td>
       <td>
         {% if node.report_timestamp %}
-        <a title='Reports' href="{{url_for('reports_node', node=node.name)}}"><i class='large purple book icon'></i></a>
-        <i class='large purple trash icon'></i>
+        <a title='Reports' href="{{url_for('reports_node', node=node.name)}}"><i class='large darkblue book icon'></i></a>
+        <i class='large darkblue trash icon'></i>
         {% endif %}
       </td>
     </tr>
     {% endfor %}
   </tbody>
 </table>
 {% endblock content %}
diff --git a/puppetboard/templates/query.html b/puppetboard/templates/query.html
index 757049b..10089e5 100644
--- a/puppetboard/templates/query.html
+++ b/puppetboard/templates/query.html
@@ -1,43 +1,43 @@
 {% extends 'layout.html' %}
 {% block content %}
 <h2>Compose</h2>
 {% with messages = get_flashed_messages(with_categories=true) %}
 {% if messages %}
 {% for category, message in messages %}
 <div class="ui {{category}} message">
   {{message}}
 </div>
 {% endfor %}
 {% endif %}
 {% endwith %}
 <div class="ui form">
   <form method="POST" action="{{ url_for('query')}}"
     {{ form.csrf_token }}
     <div class="field {% if form.query.errors %} error {% endif %}">
       {{form.query(autofocus="autofocus", rows=5, placeholder="Enter your query: [\"=\", \"name\", \"hostname\"]. You may omit the opening and closing bracket.")}}
     </div>
     <div class="inline fields">
       {% for subfield in form.endpoints %}
       <div class="field">
         <div class="ui radio checkbox">
           {{subfield }}
           {{subfield.label}}
         </div>
       </div>
       {% endfor %}
     </div>
     {{ form.hidden_tag() }}
-    <input type=submit class="ui purple submit button" value='Submit'>
+    <input type=submit class="ui submit button" value='Submit'>
     <input type=reset class="ui red submit button" value='Cancel'>
   </form>
 </div>
 
 {% if result %}
 <div class="row">
   <div class="span12">
     <h2>Result</h2>
       <pre><code>{{result|jsonprint}}</code></pre>
   </div>
 </div>
 {% endif %}
 {% endblock content %}