Del: Color scss

script/icomoon.js

@@ -21,6 +21,7 @@ function genCssFile(fontData)
                           fontData + '\') format(\'woff\');');
         data = data.join('\n');
         data = data.replace('icon-"', 'eruda-icon-"');
+        data =
 
         writeCssFile(data);
     });

src/Console/Console.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools { .tools {
     .console {

src/Console/Log.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools { .tools { .console {
     .logs {

src/DevTools/DevTools.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools {
     position: absolute;

src/DevTools/NavBar.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools {
     .nav-bar {

src/Elements/Elements.scss

@@ -1,5 +1,4 @@
 @import "../variable";
-@import "../color";
 
 .dev-tools { .tools {
     .elements {

src/Features/Features.scss

@@ -1,4 +1,3 @@
-@import "../color";
 @import "../variable";
 
 .dev-tools { .tools {

src/Info/Info.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools { .tools {
     .info {

src/Network/Network.scss

@@ -1,4 +1,4 @@
-@import "../color";
+@import "../variable";
 
 .dev-tools { .tools {
     .network {

src/Resources/Resources.scss

@@ -1,4 +1,3 @@
-@import "../color";
 @import "../variable";
 
 .dev-tools { .tools {

src/Settings/Settings.scss

@@ -1,5 +1,4 @@
 @import "../variable";
-@import "../color";
 
 .dev-tools { .tools {
     .settings {

src/Snippets/Snippets.scss

@@ -1,4 +1,3 @@
-@import "../color";
 @import "../variable";
 
 .dev-tools { .tools {

src/color.scss

@@ -1,7 +0,0 @@
-$blue: #76a2ee;
-$gray: #b4b4b4;
-$gray-light: #f2f2f2;
-$red: #eda29b;
-$red-dark: #f73c37;
-$green: #8de191;
-$yellow: #fff5c2;

src/style.scss

@@ -1,4 +1,4 @@
-@import "color";
+@import "variable";
 
 #eruda {
     pointer-events: none;

src/variable.scss

@@ -1,2 +1,10 @@
 $box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
-$common-padding: 10px;
+$common-padding: 10px;
+
+$blue: #76a2ee;
+$gray: #b4b4b4;
+$gray-light: #f2f2f2;
+$red: #eda29b;
+$red-dark: #f73c37;
+$green: #8de191;
+$yellow: #fff5c2;