From 9e3d4f5385a38daa42e41723f4d9f26f8ac72ff4 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Thu, 15 Aug 2019 11:38:26 -0400
Subject: [PATCH] Updated sidebar menu theming

---
 .../gabsocial/components/sidebar-menu.scss    | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/app/javascript/styles/gabsocial/components/sidebar-menu.scss b/app/javascript/styles/gabsocial/components/sidebar-menu.scss
index 36d80b77..743a4263 100644
--- a/app/javascript/styles/gabsocial/components/sidebar-menu.scss
+++ b/app/javascript/styles/gabsocial/components/sidebar-menu.scss
@@ -7,11 +7,15 @@
   top: 0;
   bottom: 0;
   left: 0;
-  background-color: #fff;
+  background: $gab-background-container;
   transform: translateX(-275px);
   transition: all 0.15s linear;
   z-index: 10001;
 
+	body.theme-gabsocial-light & {
+		background: $gab-background-container-light;
+	}
+
   &__root {
     display: none;
   }
@@ -43,7 +47,7 @@
     display: flex;
     flex-direction: column;
     margin: 4px 0;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid lighten($ui-base-color, 4%);
 
     &--borderless {
       margin: 0;
@@ -72,7 +76,7 @@
   display: flex;
   height: 46px;
   padding: 12px 14px;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid lighten($ui-base-color, 4%);
   box-sizing: border-box;
   align-items: center;
 
@@ -80,7 +84,7 @@
     display: block;
     font-size: 18px;
     font-weight: 600;
-    color: #000;
+    color: $primary-text-color;
   }
 
   &__btn {
@@ -91,7 +95,6 @@
 .sidebar-menu-profile {
   display: flex;
   flex-direction: column;
-  width: 100%;
   padding: 14px 18px;
 
   &__avatar {
@@ -129,12 +132,12 @@
     display: flex;
     margin-right: 3px;
     font-weight: 700;
-    color: #000;
+    color: $primary-text-color;
   }
 
   &__label {
     display: flex;
-    color: #444;
+    color: $primary-text-color;
   }
 
   &:hover {
@@ -147,15 +150,17 @@
   padding: 16px 18px;
   cursor: pointer;
   text-decoration: none;
-  color: #666;
+  color: $primary-text-color;
   font-size: 15px;
   font-weight: 400;
+  height: 50px;
+  box-sizing: border-box;
 
   &:hover {
     background-color: rgba($gab-brand-default, 0.1);
 
     .fa {
-      color: #000;
+      color: $primary-text-color;
     }
   }
 
@@ -165,7 +170,7 @@
 
   &:hover {
     &__title {
-      color: #000;
+      color: $primary-text-color;
     }
   }
 }
\ No newline at end of file