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

Dropdown Select does not conform MUI Theme, especially in dark mode #14

Open
wongyiuhang opened this issue Mar 5, 2021 · 0 comments · May be fixed by #15
Open

Dropdown Select does not conform MUI Theme, especially in dark mode #14

wongyiuhang opened this issue Mar 5, 2021 · 0 comments · May be fixed by #15

Comments

@wongyiuhang
Copy link

Third-party library react-select is used, when a dropdown question has more than 10 options. However, when dark mode is enabled, the option text changed to white, while the option background maintains to be white.

Screen Shot 2021-03-05 at 17 17 02

I suggest to pass MUI theme palette to the style props of react-select. I will create a PR asap.

styles={{
menu: provided => ({
...provided,
fontFamily: "Roboto, sans-serif"
}),
menuPortal: provided => ({ ...provided, zIndex: 10000 }),
container: provided => ({
...provided,
fontFamily: "Roboto, sans-serif"
})
}}

@wongyiuhang wongyiuhang linked a pull request Mar 8, 2021 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant