From c60b8537eac68cbef1fbd5acc89dc7c994e9325b Mon Sep 17 00:00:00 2001
From: hippoz <paperplanelive@gmail.com>
Date: Sat, 21 Aug 2021 20:06:45 +0300
Subject: [PATCH] poorly fix button colors

---
 bfrontend/src/Styles/Components/Button.scss |  4 ++--
 bfrontend/src/Styles/root.scss              | 15 +++++++--------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/bfrontend/src/Styles/Components/Button.scss b/bfrontend/src/Styles/Components/Button.scss
index cf5f5a3..b251997 100644
--- a/bfrontend/src/Styles/Components/Button.scss
+++ b/bfrontend/src/Styles/Components/Button.scss
@@ -24,13 +24,13 @@
     &-pressed {
         @extend .button;
 
-        background: var(--focus-accent-background);
+        background-color: var(--button-selected-background-color);
         color: var(--default-text-color);
     }
 }
 
 .button:hover:not(.button-pressed) {
-    background: var(--focus-accent-background-deep);
+    background-color: var(--button-hover-background-color);
 }
 
 @media only screen and (max-width: 600px) {
diff --git a/bfrontend/src/Styles/root.scss b/bfrontend/src/Styles/root.scss
index 30877e9..5cf9b07 100644
--- a/bfrontend/src/Styles/root.scss
+++ b/bfrontend/src/Styles/root.scss
@@ -1,14 +1,9 @@
 :root {
     --background-color: hsl(230, 12%, 15%);
-    --default-text-color: hsl(0, 0%, 79%);
-    --darker-text-color: hsl(0, 0%, 53%);
     --card-accent-color: hsl(230, 12%, 18%);
     --card-accent-color-dark: hsl(230, 12%, 12%);
-
-    --default-scrollbar-color: var(--background-color);
-
-    --focus-accent-background: var(--card-accent-color);
-    --focus-accent-background-deep: var(--card-accent-color-dark);
+    --default-text-color: hsl(0, 0%, 79%);
+    --darker-text-color: hsl(0, 0%, 53%);
 
     --default-user-background: linear-gradient(
         to bottom right,
@@ -23,6 +18,8 @@
         hsl(225, 35%, 40%)
     );
 
+    --default-scrollbar-color: var(--background-color);
+
     --channel-top-bar-color-accent: var(--background-color);
     --channel-top-bar-color: var(--background-color);
     --elevation-box-shadow: 0 1px 0 0 hsla(230, 12%, 5%, 0.3), 0 2px 0 0 hsla(230, 12%, 6%, 0.2), 0 3px 0 0 hsla(230, 12%, 7%, 0.1);
@@ -34,7 +31,9 @@
     --channel-message-color: var(--accent-color-dark);
     --channel-view-container-color: var(--accent-color-dark);
 
-    --button-color: var(--background-color);
+    --button-color: var(--card-accent-color-dark);
+    --button-hover-background-color: var(--card-accent-color);
+    --button-selected-background-color: var(--card-accent-color);
     --channel-button-background: none;
 
     --default-border-radius: 0px;