diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
index fe89ebdbb..f2342de28 100644
--- a/app/assets/stylesheets/variables.scss
+++ b/app/assets/stylesheets/variables.scss
@@ -19,28 +19,28 @@ $graph-hover: $orange;
 
 $primary: (
   color: $green,
-  dark:  darken($green, 10%),
-  light: lighten($green, 10%)
+  dark:  darken($green, 20%),
+  light: lighten($green, 20%)
 );
 $secondary: (
   color: $blue,
-  dark:  darken($blue, 10%),
-  light: lighten($blue, 10%)
+  dark:  darken($blue, 20%),
+  light: lighten($blue, 20%)
 );
 $success: (
   color: $green,
-  dark:  darken($green, 10%),
-  light: lighten($green, 10%)
+  dark:  darken($green, 20%),
+  light: lighten($green, 20%)
 );
 $danger: (
   color: $red,
-  dark:  darken($red, 10%),
-  light: lighten($red, 10%)
+  dark:  darken($red, 20%),
+  light: lighten($red, 20%)
 );
 $dark: (
   color: $brown,
-  dark:  darken($brown, 10%),
-  light: lighten($brown, 10%)
+  dark:  darken($brown, 20%),
+  light: lighten($brown, 20%)
 );