From 3d508086e778a61bdeefbd3417acad5220572562 Mon Sep 17 00:00:00 2001
From: Mike Kiss <mike.a.kissinger@gmail.com>
Date: Thu, 16 May 2024 15:19:45 -0400
Subject: [PATCH] feat: #1502 update sidebar's selected item background to
 match Figmas

---
 .../components/Sidebar/ChannelsPanel/ChannelsListItem.tsx     | 4 +---
 packages/desktop/src/renderer/theme.ts                        | 4 +++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/desktop/src/renderer/components/Sidebar/ChannelsPanel/ChannelsListItem.tsx b/packages/desktop/src/renderer/components/Sidebar/ChannelsPanel/ChannelsListItem.tsx
index 15fec6a6e5..9a4b95b2e9 100644
--- a/packages/desktop/src/renderer/components/Sidebar/ChannelsPanel/ChannelsListItem.tsx
+++ b/packages/desktop/src/renderer/components/Sidebar/ChannelsPanel/ChannelsListItem.tsx
@@ -26,9 +26,7 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
 
   [`&.${classes.selected}`]: {
     color: theme.palette.colors.contrastText,
-    backgroundColor: theme.palette.background.default,
-    borderTop: `1px solid ${theme.palette.colors.border03}`,
-    borderBottom: `1px solid ${theme.palette.colors.border03}`,
+    backgroundColor: theme.palette.colors.sidebarSelected,
   },
 
   [`& .${classes.primary}`]: {
diff --git a/packages/desktop/src/renderer/theme.ts b/packages/desktop/src/renderer/theme.ts
index 2f74612305..af294b6dc8 100644
--- a/packages/desktop/src/renderer/theme.ts
+++ b/packages/desktop/src/renderer/theme.ts
@@ -121,6 +121,7 @@ const lightTheme = createTheme({
       border03: '#D2D2D2',
       // Other custom colors
       sidebarBackground: '#511974',
+      sidebarSelected: '#fff3',
     },
   },
   //@ts-ignore MUI types expect 25 shadows - see: https://github.com/mui/material-ui/issues/28820
@@ -315,7 +316,8 @@ const darkTheme = createTheme({
       border02: '#B3B3B3',
       border03: '#D2D2D2',
       // Gradients and other run-of-the-mill things
-      sidebarBackground: '#2F193D',
+      sidebarBackground: '#000',
+      sidebarSelected: '#fff3',
     },
   },
   //@ts-ignore MUI types expect 25 shadows - see: https://github.com/mui/material-ui/issues/28820