diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 5ac737f4..410d2a66 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,8 +1,8 @@
 @charset "UTF-8";
-// config
-$theme-vars: 'blue'; // violet , blue
+// ****************************** config ******************************
+$theme-vars: 'violet'; // violet , blue
 
-// colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154
+// ****************************** colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154
 $black: #000000;
 $white: #ffffff;
 $cool-grey: #aeafb1;
@@ -21,7 +21,7 @@ $pale-purple: #d198d4;
 $lavender-pink: #e9bdeb;
 $dark-lavender: #7d6c99;
 
-// blue variation around styleguide
+// themes ****************************** blue variation around styleguide
 $blueish-green: #64d1a9;
 $blueish-dusty-orange: #74a389;
 $blueish-red: #9d00cd;
@@ -39,7 +39,7 @@ $brown: #757763;
 $beige-light: #d0d1cd;
 $beige-lighter: #eff0eb;
 
-// interpretations in app
+// ****************************** interpretations in app
 
 $primary_color: $ugly-purple;
 $primary: $ugly-purple;
@@ -58,7 +58,7 @@ $mini-button-color: $pale-purple;
 $warning: $dusty-orange;
 $danger: $red;
 $success: $green;
-
+// ****************************** render ******************************
 @if $theme-vars == 'violet' {
 	$primary_color: $ugly-purple;
 	$primary: $ugly-purple;