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

[pickers] Improve dark mode colors #8306

Closed
joserodolfofreitas opened this issue Mar 21, 2023 · 0 comments · Fixed by #8318
Closed

[pickers] Improve dark mode colors #8306

joserodolfofreitas opened this issue Mar 21, 2023 · 0 comments · Fixed by #8318
Assignees
Labels
component: DatePicker The React component. design This is about UI or UX design, please involve a designer

Comments

@joserodolfofreitas
Copy link
Member

joserodolfofreitas commented Mar 21, 2023

Summary 💡

Extracted from #7440

Open https://next.mui.com/x/react-date-pickers/date-picker/#basic-usage, the background of the days should be transparent, replacing the custom style we apply and the browser default, e.g. background-color: buttonface; on Chrome.

Screenshot 2023-01-08 at 14 23 58

Same for the date range pickers, the design is broken. The range marker should be less opaque.

Screenshot 2023-02-22 at 13 52 52

how it should be:

image

Motivation

Polish the component's color range.

@LukasTy LukasTy self-assigned this Mar 21, 2023
@LukasTy LukasTy changed the title [date pickers] Improve dark mode colors [pickers] Improve dark mode colors Mar 21, 2023
@oliviertassinari oliviertassinari added design This is about UI or UX design, please involve a designer and removed design: ui labels Aug 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: DatePicker The React component. design This is about UI or UX design, please involve a designer
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants