Editions in colors

css/_inlay.scss

@@ -3,7 +3,7 @@
     @include border-radius(3px);
     padding: 40px 38px 44px;
     color: #fff;
-    background: lighten($defaultBackground, 20%);
+    background: lighten(desaturate($defaultBackground, 70%), 20%);
     text-align: center;
 
     &__title {

css/_variables.scss

@@ -1,3 +1,5 @@
+@import "themes/light";
+
 /**
  * Style variables
  */
@@ -23,7 +25,6 @@ $defaultColor: #F1F1F1;
 $defaultSideBarFontColor: #44A5FF;
 $defaultSemiDarkColor: #ACACAC;
 $defaultDarkColor: #2b3d5c;
-$defaultBackground: #474747;
 $tooltipBg: rgba(0,0,0, 0.7);
 
 /**

css/main.scss

@@ -29,10 +29,6 @@
 
 /* Fonts END */
 
-/* Theme  BEGIN */
-@import "themes/main";
-/* Theme END */
-
 /* Modules BEGIN */
 
 @import 'toastr';

css/themes/_light.scss

@@ -22,6 +22,11 @@ $primaryButtonFontWeight: 400;
 
 $buttonShadowColor: #192d4f;
 
+/**
+* Color variables
+**/
+$defaultBackground: #474747;
+
 /**
 * Connection indicator
 **/

css/themes/_main.scss

@@ -1,5 +0,0 @@
-/**
-* Switch themes here
-*/
-
-@import "light";