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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Fix dark theme toggle of website home page content #9560

Merged
merged 2 commits into from Dec 19, 2017
Merged

[docs] Fix dark theme toggle of website home page content #9560

merged 2 commits into from Dec 19, 2017

Conversation

Tuaniwan
Copy link
Contributor

@Tuaniwan Tuaniwan commented Dec 19, 2017

On the current version of material-ui.com, if you toggle the dark theme, the content area stays white and it's text stays white so the contrast could be better 馃槈

I simply verify if it's the dark theme, change the color proportionally differently from the footer (same proportions as the light version)

@oliviertassinari oliviertassinari added the docs Improvements or additions to the documentation label Dec 19, 2017
@oliviertassinari
Copy link
Member

oliviertassinari commented Dec 19, 2017

Thanks for raising the issue and your first pull-request here!

@oliviertassinari oliviertassinari merged commit eaa9f7e into mui:v1-beta Dec 19, 2017
@Tuaniwan Tuaniwan deleted the fix-dark branch December 21, 2017 15:44
@Tuaniwan
Copy link
Contributor Author

@oliviertassinari I tested on multiple browsers and with the line:

backgroundColor: theme.palette.background.paper,

I still see the white background when toggling the dark theme.

But it does work with the following:

backgroundColor: theme.palette.type === 'light' ? theme.palette.common.white : theme.palette.grey[800],

@Tuaniwan Tuaniwan restored the fix-dark branch December 21, 2017 15:44
@oliviertassinari
Copy link
Member

oliviertassinari commented Dec 21, 2017

@Tuaniwan Try it out on a local branch up to date.

@Tuaniwan Tuaniwan deleted the fix-dark branch December 21, 2017 15:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants