feat: TryQuiet#1502 update sidebar's selected item background to matc…

…h Figmas
mike-kiss · May 16, 2024 · 3d50808 · 3d50808
1 parent 663afcd
commit 3d50808
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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