From a5146610076aa3df7d49a7a72282fa89262fa3b8 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Mon, 29 Jul 2019 19:20:34 +0700
Subject: [PATCH] made all colors go blue

---
 src/components/main/SidePane/styles.scss         | 2 +-
 src/components/node/NodePanel/styles.scss        | 3 +--
 src/containers/examples/ImageExample/styles.scss | 2 +-
 src/styles/colors.scss                           | 8 ++++++--
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/main/SidePane/styles.scss b/src/components/main/SidePane/styles.scss
index 124bfa62..2707adf0 100644
--- a/src/components/main/SidePane/styles.scss
+++ b/src/components/main/SidePane/styles.scss
@@ -49,7 +49,7 @@
   height: 54px;
   box-shadow: inset transparentize(black, 0.9) 0 -1px, inset transparentize(white, 0.95) 0 1px;
   border-radius: $panel_radius;
-  background: #191919;
+  background: $side_pane_btn_color;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/components/node/NodePanel/styles.scss b/src/components/node/NodePanel/styles.scss
index 0995b1bb..ae63be17 100644
--- a/src/components/node/NodePanel/styles.scss
+++ b/src/components/node/NodePanel/styles.scss
@@ -1,5 +1,5 @@
 .wrap {
-  background: #090909;
+  background: $node_title_background;
   padding: $gap;
   box-sizing: border-box;
   display: flex;
@@ -40,7 +40,6 @@
   height: 54px;
   border-radius: $radius $radius 0 0;
   background: linear-gradient(176deg, #f42a00, #5c1085);
-  background: #222222;
   position: absolute;
   bottom: 0;
   right: 10px;
diff --git a/src/containers/examples/ImageExample/styles.scss b/src/containers/examples/ImageExample/styles.scss
index 5c5bcb08..16bdac56 100644
--- a/src/containers/examples/ImageExample/styles.scss
+++ b/src/containers/examples/ImageExample/styles.scss
@@ -38,7 +38,7 @@
 }
 
 .buttons {
-  background: #161616;
+  background: $node_buttons_bg;
   flex: 1;
   border-radius: $panel_radius;
   box-shadow: $comment_shadow;
diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index 1b8b8e2b..f974703e 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -15,7 +15,7 @@ $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
 //$color_yellow: yellow;
 
 //$main_bg_color: #161616;
-$main_bg_color: #131112;
+$main_bg_color: #111214;
 $main_text_color: white;
 
 $content_bg_color: #222222;
@@ -33,7 +33,7 @@ $button_bg_color: $red_gradient;
 
 $comment_bg: lighten($main_bg_color, 4%);
 $panel_bg: transparent;
-$node_bg: $main_bg_color;
+$node_bg: lighten($main_bg_color, 1%);
 $node_image_bg: lighten($main_bg_color, 4%);
 $node_title_background: darken($main_bg_color, 4%);
 
@@ -42,3 +42,7 @@ $editor_bg: lighten($main_bg_color, 4%);
 
 $scroll_color: $red_gradient;
 $scroll_inactive_opacity: 0.5;
+
+$side_pane_btn_color: lighten($main_bg_color, 5%);
+
+$node_buttons_bg: transparentize(black, 0.8);