SASS refactor

src/sass/_query_editor.scss

@@ -0,0 +1,7 @@
+.zbx-regex {
+  color: $regex;
+}
+
+.zbx-variable {
+  color: $variable;
+}

src/sass/_variables.dark.scss

@@ -19,15 +19,16 @@ $white:            #fff;
 
 // Accent colors
 // -------------------------
-$blue:                  #33B5E5;
-$blue-dark:             #005f81;
-$green:                 #609000;
-$red:                   #CC3900;
-$yellow:                #ECBB13;
-$orange:                #eb7b18;
-$pink:                  #FF4444;
-$purple:                #9933CC;
-$variable:              #32D1DF;
+$blue:             #33b5e5;
+$bluedark:         #005f81;
+$green:            #299c46;
+$red:              #d44a3a;
+$yellow:           #ecbb13;
+$pink:             #ff4444;
+$purple:           #9933cc;
+$orange:           #eb7b18;
+$variable:         #32d1df;
+$regex:            #d69e2e;
 
 $body-bg:               rgb(20,20,20);
 $body-color:            $gray-4;

src/sass/_variables.light.scss

@@ -18,15 +18,16 @@ $white:            #fff;
 
 // Accent colors
 // -------------------------
-$blue:                  #2AB2E4;
-$blue-dark:             #3CAAD6;
-$green:                 #28B62C;
-$red:                   #FF4136;
-$yellow:                #FF851B;
-$orange:                #Ff7941;
-$pink:                  #E671B8;
-$purple:                #9954BB;
-$variable:              #2AB2E4;
+$blue:             #1ca4d6;
+$blue-dark:        #3caad6;
+$green:            #3aa655;
+$red:              #d44939;
+$yellow:           #ff851b;
+$orange:           #ff7941;
+$pink:             #e671b8;
+$purple:           #9954bb;
+$variable:           $blue;
+$regex:            #aa7b1d;
 
 $body-bg :              $white;
 $body-color:            $gray-1;

src/sass/grafana-zabbix.scss

@@ -1,2 +1,3 @@
 @import 'variables';
 @import 'panel-triggers';
+@import 'query_editor';