Quick Tip: How to Implement Dark Mode in Your Website Using Media Queries
tuts+ -

In this Envato Tuts+ quick tip we’ll take a look at an experimental CSS feature which detects whether a user has “dark mode” enabled on their Mac. It’s done via a media query, and will allow you to style a website “dark” or “light” accordingly. Let’s take a look!

How to Implement “Dark Mode” via CSS

What is “Dark Mode”?

Last year MacOS Mojave introduced a way to toggle between “dark” and “light” appearance (dark mode can be much easier on the eyes, particularly in low light conditions). This...


In related news