From 809c08456b0c03ce390f3edead6fc45b76bd0931 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Tue, 30 Jul 2019 05:21:11 +0700
Subject: [PATCH] colors

---
 src/components/main/SidePane/index.tsx   | 2 +-
 src/components/main/SidePane/styles.scss | 4 ++--
 src/styles/colors.scss                   | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/main/SidePane/index.tsx b/src/components/main/SidePane/index.tsx
index 7752a683..bfd983cd 100644
--- a/src/components/main/SidePane/index.tsx
+++ b/src/components/main/SidePane/index.tsx
@@ -13,7 +13,7 @@ export const SidePane: FC<IProps> = ({
 
   const moveThis = useCallback(() => {
     const shift = window.innerWidth > (content_width + 64 + 20)
-      ? ((window.innerWidth - content_width - 64 - 20) / 2) - 54 + 64
+      ? ((window.innerWidth - content_width - 64 - 20) / 2) - 54 + 64 // + content_width + 74
       : 10;
 
     setLeft(shift);
diff --git a/src/components/main/SidePane/styles.scss b/src/components/main/SidePane/styles.scss
index 2707adf0..5cc3cf10 100644
--- a/src/components/main/SidePane/styles.scss
+++ b/src/components/main/SidePane/styles.scss
@@ -18,13 +18,13 @@
 
   &:global(.logo) {
     height: (54px * 1.5) + $gap / 2;
-    background: white;
+    background: $red_gradient;
     background-size: 140px;
     font-weight: 600;
     font-size: 14px;
     text-align: center;
     box-shadow: inset #111111 0 -1px, inset #222222 0 1px;
-    color: black;
+    color: white;
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index 1d176ed2..1cf3b82e 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -11,6 +11,7 @@ $red_gradient: linear-gradient(165deg, $orange -50%, $red 150%);
 $blue_gradient: linear-gradient(170deg, $green, $dark_blue);
 $green_gradient: linear-gradient(170deg, $olive -20%, $grass 120%);
 $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
+$cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%);
 //$color_yellow: complement($color_red);
 //$color_yellow: yellow;
 
@@ -31,7 +32,7 @@ $text_big: 20px;
 $text_sign: 22px;
 
 $input_bg_color: transparentize(black, 0.8);
-$button_bg_color: $red_gradient;
+$button_bg_color: $cyan_gradient;
 
 $comment_bg: lighten($main_bg_color, 0%);
 $panel_bg: transparent;