-
Notifications
You must be signed in to change notification settings - Fork 2.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Modal Background & box shadow fixes #8506
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
PR Summary
Modified overlay colors in the dark theme to improve visibility by lightening the base color while maintaining existing opacity levels.
- Changed overlay base color from
GRAY_SCALE.gray90
toGRAY_SCALE.gray80
in/packages/twenty-ui/src/theme/constants/BackgroundDark.ts
for primary (0.8 opacity) and secondary/tertiary (0.4 opacity) overlays
1 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile
overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4), | ||
overlayTertiary: RGBA(GRAY_SCALE.gray80, 0.4), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
style: overlaySecondary and overlayTertiary use identical values - consider using a single constant if they're meant to be the same
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left a comment otherwise LGTM!
}>` | ||
display: flex; | ||
flex-direction: column; | ||
box-shadow: ${({ theme }) => theme.boxShadow.superHeavy}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You probably forgot to remove that line after implementing the variant below 🙂(this will be most likely overwritten by the duplicated rule but let's remove this line for clarity)
Before
After