DEV Community

Discussion on: How to implement Dark Mode in CSS with @media

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

The title is kind of misleading; one might expect this post to actually explain how to implement dark mode, not just announce the (old news, btw.) media query that tells you whether the user prefers dark mode or not. Also it's certainly not a tutorial.

Collapse
 
joelvarty profile image
Joel Varty

I'm not sure what you were looking for - if there's more you think I should add to this piece, please let me know :)

This is (albeit) short tutorial on what to add to your CSS to detect dark mode. I had questions on this from colleagues yesterday, so I wrote this quick (and I hope fun) article to show the @media query necessary to do that.

Collapse
 
anwar_nairi profile image
Anwar • Edited

Nice article, I did not knew this property yet, very cool!

I would agree on the fact that the title can mislead people into thinking this will be a tutorial on how to actually implement a dark mode on a web app/page, do you think switching to "How to detect dark mode preference" would clarify this article goal?

Thread Thread
 
joelvarty profile image
Joel Varty