diff --git a/scss/_variables.scss b/scss/_variables.scss
index 7e88e96a..de1f36a3 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -22,15 +22,24 @@ $bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted
 // Bootstrap Material Design default colors (these can be override by user)
 $theme-colors: () !default;
 $theme-colors: map-merge((
-  primary: $teal,
-  success: $green,
-  info: $light-blue,
-  warning: $deep-orange,
-  danger: $red,
-  light: $grey-100,
-  dark: $grey-800
+    "primary":    $teal,
+    "secondary":  $deep-purple-300,
+    "success":    $green,
+    "info":       $light-blue,
+    "warning":    $deep-orange,
+    "danger":     $red,
+    "light":      $grey-100,
+    "dark":       $grey-800
 ), $theme-colors);
 
+$theme-colors: map-merge(
+  (
+
+  ),
+  $theme-colors
+);
+
+
 // Customized BS variables
 @import "variables/bootstrap/components";
 @import "variables/bootstrap/custom-forms";