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

Suggestion: dark mode #20

Open
Benjamin-Lee opened this issue Apr 15, 2020 · 2 comments
Open

Suggestion: dark mode #20

Benjamin-Lee opened this issue Apr 15, 2020 · 2 comments

Comments

@Benjamin-Lee
Copy link

This project looks great! So good in fact that I'm considering porting my website over.

I know this project is super new, but I would definitely suggest implementing @media (prefers-color-scheme: dark) to enable automatically switching to a dark background. This is super useful, for example, when reading on an OLED screen since it saves a ton of battery life. Thanks again for the hard work @kimcc!

@kimcc
Copy link
Owner

kimcc commented Apr 18, 2020

@Benjamin-Lee Thank you for your suggestion. I can put this in the roadmap for a future update.

@Dorson
Copy link

Dorson commented Apr 21, 2020

@media (prefers-color-scheme: dark) would work, but it would enforce one color only, and for the users that have that rule on already. No way to switch it ON, Off. Or give it to all as an option.

To resolve that I did the hard work.

Made and tested code for a CSS color switch with memory. Great for the night and evening time.

See live demo on GitHub page:

https://dorson.github.io/CSS-Dark-Mode-and-color-switch/

Have fun, feel free to fork, copy, adopt, port, etc...

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

No branches or pull requests

3 participants