admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Poor contrast on SlashMenu (#5342)

Browse Source 
fixes
[#5304](https://github.com/twentyhq/twenty/issues/5304#issue-2280984063)

dark mode
<img width="1425" alt="Screenshot 2024-05-09 at 1 59 56 AM"
src="https://github.com/twentyhq/twenty/assets/60315832/70230f9e-607a-462a-8823-db8350d86bc4">


<br>
<br>
Light mode
<img width="1448" alt="Screenshot 2024-05-09 at 2 01 06 AM"
src="https://github.com/twentyhq/twenty/assets/60315832/523488a5-21de-4911-b11b-e28fba9adae6">

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Indrakant D
2024-05-30 14:30:23 +05:30
committed by GitHub
parent 339aee6dbb
commit d770e56e31
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx
View File

@ -8,10 +8,12 @@ const StyledDropdownMenu = styled.div<{
backdrop-filter: ${({ theme, disableBlur }) => backdrop-filter: ${({ theme, disableBlur }) =>
disableBlur ? 'none' : theme.blur.medium}; disableBlur ? 'none' : theme.blur.medium};
color: ${({ theme }) => theme.font.color.secondary};
background: ${({ theme, disableBlur }) => background: ${({ theme, disableBlur }) =>
disableBlur disableBlur
? theme.background.primary ? theme.background.primary
: theme.background.transparent.secondary}; : theme.background.transparent.primary};
border: ${({ disableBorder, theme }) => border: ${({ disableBorder, theme }) =>
disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`}; disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`};