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

[docs-infra] Update the outlined Demo container dark mode color #40488

Merged
merged 8 commits into from
Jan 10, 2024

Conversation

danilo-leal
Copy link
Contributor

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

This PR updates the outlined Demo container for Joy UI components to match the styles we use for Material UI (general docs consistency). Additionally, this should close #40472 given a slightly darker container will be able to showcase how the chip does have a background.

https://deploy-preview-40488--material-ui.netlify.app/joy-ui/react-chip/#basic-usage

@danilo-leal danilo-leal added design This is about UI or UX design, please involve a designer scope: docs-infra Specific to the docs-infra product labels Jan 9, 2024
@danilo-leal danilo-leal self-assigned this Jan 9, 2024
@mui-bot
Copy link

mui-bot commented Jan 9, 2024

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 038525d

@MonstraG
Copy link
Contributor

MonstraG commented Jan 9, 2024

Does the preview page work?

image

Chip bg is still invisible to me. If I zoom in to like 200% then I can barely see it

@zanivan
Copy link
Contributor

zanivan commented Jan 9, 2024

Hey, that's a good one for consistency!

However, I wonder if we could use a transparent background on the demo container like we do for the light theme, this would increase the contrast a bit more, and also would improve the consistency :)

@danilo-leal danilo-leal changed the title [docs-infra] Update the outlined Demo container dark mode color [docs-infra] Add a new background variant for the Demo container Jan 9, 2024
@danilo-leal danilo-leal changed the title [docs-infra] Add a new background variant for the Demo container [docs-infra] Update the outlined Demo container dark mode color Jan 9, 2024
@danilo-leal danilo-leal merged commit a1005d6 into mui:master Jan 10, 2024
19 checks passed
@danilo-leal danilo-leal deleted the update-the-demo-container-for-joy branch January 10, 2024 03:32
@ZeeshanTamboli ZeeshanTamboli mentioned this pull request Jan 10, 2024
1 task
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 scope: docs-infra Specific to the docs-infra product
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[joy-ui][Chip] The default dark mode design seems incorrect
4 participants