diff --git a/app/assets/stylesheets/color-variables.scss b/app/assets/stylesheets/color-variables.scss
index b9ad9323b..3defde114 100644
--- a/app/assets/stylesheets/color-variables.scss
+++ b/app/assets/stylesheets/color-variables.scss
@@ -1,30 +1,30 @@
-$background-white: #FFFFFF;
-$background-grey: #EEEEEE;
-$background-blue: #E7F2F7;
+$white: #fff;
+$black: #000;
 
-$grey: #2B2B2B;
-$light-grey: #DDDDDD;
+$text-grey: #999;
+$text-dark-grey: #666;
+$text: #333;
 
-$border-grey: #DDDDDD;
-$border-dark-grey: #999999;
+$background-white: $white;
+$background-grey: #eee;
+$background-blue: #e7f2f7;
 
-$link-grey: #777777;
-$link-disabled-grey: #999999;
+$grey: #2b2b2b;
+$light-grey: #ddd;
 
-$text-grey: #999999;
-$text-dark-grey: #666666;
-$text: #333333;
+$border-grey: $light-grey;
+$border-dark-grey: $text-grey;
 
-$white: white;
-$black: black;
-$green: #8EDE3D;
-$light-green: lighten($green,20%);
-$red: #A80000;
-$blue: #3F8FBA;
-$dark-blue: darken(#0984C8,10%);
+$link-grey: #777;
+$link-disabled-grey: $text-grey;
+
+$green: #8ede3d;
+$light-green: lighten($green, 20%);
+$red: #a80000;
+$blue: #3f8fba;
 
 $sidebars-background: #f0f0f0;
 $sidebars-sub-background: darken($sidebars-background, 12%);
 $left-navbar-drawer-background: darken($sidebars-background, 6%);
 
-$card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+$card-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);