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

Add dark mode CSS #47

Open
morgant opened this issue Jul 3, 2020 · 3 comments
Open

Add dark mode CSS #47

morgant opened this issue Jul 3, 2020 · 3 comments

Comments

@morgant
Copy link
Member

morgant commented Jul 3, 2020

Not a high priority, but now that most modern browsers support dark mode CSS with the prefers-color-scheme media query, it might be nice to offer such styling.

@splorp
Copy link
Member

splorp commented Jul 3, 2020

Great idea.

@morgant
Copy link
Member Author

morgant commented Jul 10, 2020

I've implemented a first pass, though not deployed. I wasn't able to keep our blue link color (which matches the headings and Newton logo colors) due to contrast issues, but I think it looks good enough. I tried to dial back contrast slightly so it's not as harsh reading, while still maintaining color blind accessibility (though I haven't fully tested yet).

@splorp
Copy link
Member

splorp commented Dec 8, 2020

A nice option related to this would be to offer a manual style switcher, maybe as a link in the footer?

@NewtonScript NewtonScript deleted a comment from Mellobrainbox Feb 8, 2023
@NewtonScript NewtonScript deleted a comment from Mellobrainbox Feb 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants