Skip to content
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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Conversation

Bonapara
Copy link
Member

@Bonapara Bonapara commented Nov 14, 2024

Before

CleanShot 2024-11-14 at 19 20 59

After

CleanShot 2024-11-14 at 19 21 34

@Bonapara Bonapara changed the title Lighten Background Dark Small Fixes for Onboarding Nov 14, 2024
Copy link
Contributor

@greptile-apps greptile-apps bot left a 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 to GRAY_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

Comment on lines +27 to +28
overlaySecondary: RGBA(GRAY_SCALE.gray80, 0.4),
overlayTertiary: RGBA(GRAY_SCALE.gray80, 0.4),
Copy link
Contributor

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

@Bonapara Bonapara changed the title Small Fixes for Onboarding Modal Background & box shadow fixes Nov 14, 2024
Copy link
Member

@Weiko Weiko left a 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};
Copy link
Member

@Weiko Weiko Nov 14, 2024

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)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants