Improve Sass variables

GrapesJS · Sep 28, 2017 · 531d2dd · 531d2dd
1 parent bea2abd
commit 531d2dd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/style/_gjs_variables.scss b/src/style/_gjs_variables.scss
@@ -0,0 +1,8 @@
+/* Class names prefixes */
+$app-prefix:        'gjs-' !default;
+
+/* Colors / Theme */
+
+$mainColor:         #373d49 !default;
+$active-color:      #35d7bb !default;
+$tag-color:         #4c9790 !default;
diff --git a/src/style/main.scss b/src/style/main.scss
@@ -1,6 +1,4 @@
-$app-prefix: 'gjs-';
-$active-color: #35d7bb;
-$tag-color: #4c9790; /* #008f73 #4c9790 */
+@import "gjs_variables.scss";
 
 .#{$app-prefix}clm-tags .#{$app-prefix}sm-title,
 .#{$app-prefix}sm-sector .#{$app-prefix}sm-title {
@@ -69,7 +67,7 @@ $tag-color: #4c9790; /* #008f73 #4c9790 */
 .#{$app-prefix}sm-select option,
 .#{$app-prefix}sm-unit option,
 .sp-container {
-  background-color: #373d49;
+  background-color: $mainColor;
 }
 
 .#{$app-prefix}import-label,