diff --git a/client/less/challenge.less b/client/less/challenge.less
index 7bb0f3f7e2..e5c79dc0c9 100644
--- a/client/less/challenge.less
+++ b/client/less/challenge.less
@@ -138,7 +138,7 @@
 }
 
 .refresh-icon {
-  color: darkgreen;
+  color: @icon-grey;
 }
 
 .night {
@@ -168,6 +168,9 @@
       color:#9BBBDC;
     }
   }
+  .refresh-icon {
+    color: @icon-light-grey;
+  }
 }
 
 .challenges-editor {
diff --git a/client/less/lib/bootstrap/variables.less b/client/less/lib/bootstrap/variables.less
index 84f63a8a72..5539c048e6 100755
--- a/client/less/lib/bootstrap/variables.less
+++ b/client/less/lib/bootstrap/variables.less
@@ -20,7 +20,8 @@
 @brand-warning:         #f0ad4e;
 @brand-danger:          #d9534f;
 
-
+@icon-grey:             #575757;
+@icon-light-grey:       #888888;
 //== Scaffolding
 //
 //## Settings for some of the most global styles.