From 820c99711bebaf2ed0a128454b2a194a5c80e7ab Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sun, 30 Oct 2022 04:05:52 +0530
Subject: [PATCH] fix: fixed missing sidebar bg color

---
 packages/bruno-app/src/components/Sidebar/StyledWrapper.js | 2 +-
 packages/bruno-app/src/themes/dark.js                      | 1 +
 packages/bruno-app/src/themes/light.js                     | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/StyledWrapper.js
index ce1799743..a677c0cb7 100644
--- a/packages/bruno-app/src/components/Sidebar/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Sidebar/StyledWrapper.js
@@ -4,7 +4,7 @@ const Wrapper = styled.div`
   color: ${(props) => props.theme.sidebar.color};
 
   aside {
-    background-color: ${(props) => props.theme['sidebar-background']};
+    background-color: ${(props) => props.theme.sidebar.bg};
 
     .collection-title {
       line-height: 1.5;
diff --git a/packages/bruno-app/src/themes/dark.js b/packages/bruno-app/src/themes/dark.js
index 5fb9ebddf..8f9dbb272 100644
--- a/packages/bruno-app/src/themes/dark.js
+++ b/packages/bruno-app/src/themes/dark.js
@@ -21,6 +21,7 @@ const darkTheme = {
   sidebar: {
     color: '#ccc',
     muted: '#9d9d9d',
+    bg: '#252526',
 
     workspace: {
       bg: '#3D3D3D'
diff --git a/packages/bruno-app/src/themes/light.js b/packages/bruno-app/src/themes/light.js
index 36a158f70..3b0cc0534 100644
--- a/packages/bruno-app/src/themes/light.js
+++ b/packages/bruno-app/src/themes/light.js
@@ -21,6 +21,7 @@ const lightTheme = {
   sidebar: {
     color: 'rgb(52, 52, 52)',
     muted: '#4b5563',
+    bg: '#F3F3F3',
 
     workspace: {
       bg: '#e1e1e1'