From 4ba0225ec69b99845a4ec4ebb4da5fcf3e50f729 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Tue, 14 Jul 2020 06:13:17 -0500
Subject: [PATCH] refactor: colors

---
 src/client/bar.scss         | 3 ++-
 src/client/chat--left.scss  | 2 ++
 src/client/home.scss        | 4 ++--
 src/client/index.scss       | 2 +-
 src/client/scss/colors.scss | 3 ++-
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/client/bar.scss b/src/client/bar.scss
index 6e0a579..553be2d 100644
--- a/src/client/bar.scss
+++ b/src/client/bar.scss
@@ -25,6 +25,7 @@
 }
 
 .bar__brandItem {
+  color: $color-muted;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
@@ -59,7 +60,7 @@
     background-color: #272727;
   }
   &.active {
-    background-color: $active-color;
+    background-color: $color-active;
   }
   .closed &.active {
     background-color: #2a2a2a;
diff --git a/src/client/chat--left.scss b/src/client/chat--left.scss
index 7f4f0cf..2175f53 100644
--- a/src/client/chat--left.scss
+++ b/src/client/chat--left.scss
@@ -1,4 +1,5 @@
 @import '~/client/scss/breakpoints.scss';
+@import '~/client/scss/colors.scss';
 
 .left {
   background-color: #373737;
@@ -32,6 +33,7 @@
 }
 
 .channel__chatsTitle {
+  color: $color-muted;
   font-family: var(--thick-title-font-family);
   font-size: 0.7em;
   font-weight: bold;
diff --git a/src/client/home.scss b/src/client/home.scss
index 5489e39..a7c76bf 100644
--- a/src/client/home.scss
+++ b/src/client/home.scss
@@ -44,7 +44,7 @@
 }
 
 .home__login {
-  background-color: $active-color;
+  background-color: $color-active;
   display: inline-block;
   font-family: var(--thick-title-font-family);
   font-size: 2em;
@@ -52,7 +52,7 @@
   text-decoration: none;
   transition: background-color 0.2s;
   &:hover {
-    background-color: lighten($active-color, 10%);
+    background-color: lighten($color-active, 10%);
   }
 }
 
diff --git a/src/client/index.scss b/src/client/index.scss
index 76c57c3..0a5e628 100644
--- a/src/client/index.scss
+++ b/src/client/index.scss
@@ -143,7 +143,7 @@ select {
 }
 
 *:focus {
-  box-shadow: 0 0 2px 0 $active-color;
+  box-shadow: 0 0 2px 0 $color-active;
   outline: none;
   z-index: 1;
 }
diff --git a/src/client/scss/colors.scss b/src/client/scss/colors.scss
index b021abd..bd40c96 100644
--- a/src/client/scss/colors.scss
+++ b/src/client/scss/colors.scss
@@ -1 +1,2 @@
-$active-color: rgb(0, 99, 112);
+$color-active: rgb(0, 99, 112);
+$color-muted: #bbbbbb;