From b3d7638a9f7bde96bb4c6acd95e9650d41381af9 Mon Sep 17 00:00:00 2001
From: Sean King <seanking2919@protonmail.com>
Date: Wed, 3 Jun 2020 17:48:40 +0000
Subject: [PATCH] Fix sidebar menu when in dark mode by changing to CSS
 variables

---
 app/styles/components/sidebar-menu.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index 4ab2b450c0..c9391ddd0d 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -42,7 +42,7 @@
     display: flex;
     flex-direction: column;
     padding: 4px 0;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid var(--brand-color-med);
 
     &--borderless {
       margin: 0;
@@ -79,7 +79,7 @@
     display: block;
     font-size: 18px;
     font-weight: 600;
-    color: #000;
+    color: var(--primary-text-color);
   }
 
   &__btn {
@@ -129,12 +129,12 @@
     display: flex;
     margin-right: 3px;
     font-weight: 700;
-    color: #000;
+    color: var(--primary-text-color);
   }
 
   &__label {
     display: flex;
-    color: #444;
+    color: var(--primary-text-color);
   }
 
   &:hover {
@@ -147,7 +147,7 @@
   padding: 16px 18px;
   cursor: pointer;
   text-decoration: none;
-  color: #666;
+  color: var(--primary-text-color);
   font-size: 15px;
   font-weight: 400;
 
@@ -155,7 +155,7 @@
     background-color: rgba(var(--brand-color-rgb), 0.1);
 
     .fa {
-      color: #000;
+      color: var(--primary-text-color);
     }
   }
 
@@ -165,7 +165,7 @@
 
   &:hover {
     &__title {
-      color: #000;
+      color: var(--primary-text-color);
     }
   }
 }