diff --git a/puppetboard/static/css/puppetboard.css b/puppetboard/static/css/puppetboard.css
index 01b8e63..977bcf9 100644
--- a/puppetboard/static/css/puppetboard.css
+++ b/puppetboard/static/css/puppetboard.css
@@ -63,3 +63,13 @@ th.tablesorter-headerDesc::after {
 .ui.darkblue.header, i.darkblue {
   color:#2C3E50;
 }
+
+.ui.labels .darkblue.label::before, .ui.darkblue.labels .label::before, .ui.darkblue.label::before {
+  background-color:#2C3E50;
+}
+
+.ui.darkblue.labels .label, .ui.darkblue.label {
+  background-color:#2C3E50;
+  border-color:#2C3E50;
+  color:#FFF;
+}
diff --git a/puppetboard/templates/facts.html b/puppetboard/templates/facts.html
index 98d390c..b6fe29b 100644
--- a/puppetboard/templates/facts.html
+++ b/puppetboard/templates/facts.html
@@ -5,7 +5,7 @@
 </div>
 <div style="-moz-column-count:4; -webkit-column-count:4; column-count:4;">
   {%- for key,facts_list in facts_dict %}
-  <span class='ui label purple'>{{key}}</span>
+  <span class='ui label darkblue'>{{key}}</span>
   <ul class="searchable">
     {%- for fact in facts_list %}
     <li><a href="{{url_for('fact', fact=fact)}}">{{fact}}</a></li>