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