From 52200b08abde6f750fb7b871ae0a7e1f57b09426 Mon Sep 17 00:00:00 2001
From: hippoz <paperplanelive@gmail.com>
Date: Mon, 30 Aug 2021 18:12:50 +0300
Subject: [PATCH] fix message colors and clean up css variables

---
 bfrontend/src/Styles/Components/Containers.scss |  1 -
 bfrontend/src/Styles/Components/Message.scss    |  3 ---
 bfrontend/src/Styles/root.scss                  | 12 ++----------
 3 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/bfrontend/src/Styles/Components/Containers.scss b/bfrontend/src/Styles/Components/Containers.scss
index e16be39..1aa61c3 100644
--- a/bfrontend/src/Styles/Components/Containers.scss
+++ b/bfrontend/src/Styles/Components/Containers.scss
@@ -2,7 +2,6 @@
     padding: 0px;
     margin: 0px;
     display: flex;
-    background-color: var(--background-color);
     min-height: 100vh;
     max-height: 100vh;
     flex-direction: row;
diff --git a/bfrontend/src/Styles/Components/Message.scss b/bfrontend/src/Styles/Components/Message.scss
index c47695e..f01b18d 100644
--- a/bfrontend/src/Styles/Components/Message.scss
+++ b/bfrontend/src/Styles/Components/Message.scss
@@ -1,11 +1,8 @@
 .message {
-
     display: flex;
     flex-direction: row;
     margin: 2px;
     padding: 1px;
-    border-radius: var(--channel-message-border-radius);
-    background-color: var(--channel-message-color);
     max-width: 150px;
 }
 
diff --git a/bfrontend/src/Styles/root.scss b/bfrontend/src/Styles/root.scss
index 34c958d..14ae3b9 100644
--- a/bfrontend/src/Styles/root.scss
+++ b/bfrontend/src/Styles/root.scss
@@ -18,31 +18,23 @@
         hsl(225, 35%, 40%)
     );
 
-    --elevated-modal-border-radius: 10px;
-
     --default-scrollbar-color: var(--accent-color);
     --default-scrollbar-color-track: var(--background-color);
     --default-scrollbar-width: 1px;
 
     --channel-top-bar-color-accent: var(--background-color);
     --channel-top-bar-color: var(--background-color);
+    --sidebar-background-color: hsl(230, 12%, 12%);
     --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);
     --message-box-color: var(--accent-color);
 
-    --sidebar-background-color: hsl(230, 12%, 12%);
-
-    --channel-message-list-background-color: var(--accent-color-dark);
-    --channel-message-color: var(--accent-color-dark);
-    --channel-view-container-color: var(--accent-color-dark);
-
     --button-color: var(--accent-color-dark);
     --button-hover-background-color: var(--accent-color);
     --button-selected-background-color: var(--accent-color);
     --channel-button-background: none;
 
-    --default-border-radius: 0px;
     --default-button-border-radius: 0px;
-    --channel-message-border-radius: 0px;
     --channel-button-border-radius: 10px;
     --message-box-border-radius: 10px;
+    --elevated-modal-border-radius: 10px;
 }
\ No newline at end of file