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

[website] Fine-tune colors and styles on the branding theme #40751

Merged
merged 6 commits into from
Jan 23, 2024

Conversation

danilo-leal
Copy link
Contributor

@danilo-leal danilo-leal commented Jan 23, 2024

Changes include:

  • Fine-tune the primary blue color scale a bit (mostly light values)
  • Further tweak the primary button styles (simplifying it)
  • Remove transform: scale from both the Button and Button Base to avoid any text rasterizing upon scaling

https://deploy-preview-40751--material-ui.netlify.app/

@danilo-leal danilo-leal added design This is about UI or UX design, please involve a designer website Pages that are not documentation-related, marketing-focused. labels Jan 23, 2024
@danilo-leal danilo-leal self-assigned this Jan 23, 2024
@mui-bot
Copy link

mui-bot commented Jan 23, 2024

Netlify deploy preview

https://deploy-preview-40751--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 3713731

Copy link
Contributor

@zanivan zanivan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@danilo-leal danilo-leal merged commit b9a8a79 into mui:master Jan 23, 2024
19 checks passed
@danilo-leal danilo-leal deleted the fine-tune-branding-theme branch January 23, 2024 22:52
@@ -476,18 +475,18 @@ export function getThemedComponents(): ThemeOptions {
styleOverrides: {
root: ({ theme, ownerState }) => ({
transition: 'all 120ms ease-in',
'&:active': { transform: 'scale(.96)' },
Copy link
Member

@oliviertassinari oliviertassinari Feb 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It feels like we are missing visual feedback for the Button's active state. It doesn't have to be a scale transform, but it feels like there should be something.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design This is about UI or UX design, please involve a designer website Pages that are not documentation-related, marketing-focused.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants