From e4a88070bf9ef49b8b65e175a55dff35d62968a3 Mon Sep 17 00:00:00 2001
From: Anmol Baranwal <74038190+Anmol-Baranwal@users.noreply.github.com>
Date: Sat, 29 Jul 2023 10:22:32 +0530
Subject: [PATCH 1/2] fix: improve sidenavbar body with opacity of bg

---
 components/SideNavbar/SideNavbarBody.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SideNavbar/SideNavbarBody.tsx b/components/SideNavbar/SideNavbarBody.tsx
index 69bd00ca7..662527354 100644
--- a/components/SideNavbar/SideNavbarBody.tsx
+++ b/components/SideNavbar/SideNavbarBody.tsx
@@ -13,7 +13,7 @@ export const SideNavbarBody: FC = () => {
   return (
     <div
       className={classNames(
-        `bg-[rgba(255,255,255,0.3)] h-full w-full overflow-x-hidden whitespace-nowrap transition-all ease-in dark:bg-dark dark:text-text-primary`,
+        `bg-[rgba(255,255,255,1)] h-full w-full overflow-x-hidden whitespace-nowrap transition-all ease-in dark:bg-dark dark:text-text-primary`,
         theme === 'light' ? 'scrollColorLight' : 'scrollColorDark'
       )}
     >

From 3f11e0b2c554b16a190cd89992c7aa745607366c Mon Sep 17 00:00:00 2001
From: Anmol-Baranwal <74038190+Anmol-Baranwal@users.noreply.github.com>
Date: Tue, 8 Aug 2023 13:47:51 +0530
Subject: [PATCH 2/2] chore: correct bg color to match the theme

---
 components/SideNavbar/SideNavbarBody.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SideNavbar/SideNavbarBody.tsx b/components/SideNavbar/SideNavbarBody.tsx
index 278f09c6c..7a2360035 100644
--- a/components/SideNavbar/SideNavbarBody.tsx
+++ b/components/SideNavbar/SideNavbarBody.tsx
@@ -12,7 +12,7 @@ export const SideNavbarBody: FC = () => {
   return (
     <div
       className={classNames(
-        `bg-[rgba(255,255,255,1)] h-full w-full overflow-x-hidden whitespace-nowrap transition-all ease-in dark:bg-dark dark:text-text-primary`,
+        `bg-[rgba(243,244,246,1)] h-full w-full overflow-x-hidden whitespace-nowrap transition-all ease-in dark:bg-dark dark:text-text-primary`,
         theme === 'light' ? 'scrollColorLight' : 'scrollColorDark'
       )}
     >