DEV Community

Cover image for How to implement Dark Mode with CSS new media call: prefers-color-scheme
Adrian Twarog
Adrian Twarog

Posted on

How to implement Dark Mode with CSS new media call: prefers-color-scheme

Dark Mode UI Toggle: Tutorial using CSS prefers-color-scheme

Toggling Dark Mode with the functionality of the operating system by using the new CSS variable prefers-color-scheme is awesome. Check out how to swap between dark mode and light mode by adding in media queries which check what the operating system is currently set to. We update our HTML UI Design on the fly and can make changes within minutes to the website design. If you want to implement dark mode for your website, the development is easy now!

Want to see more:

I will try to post new great content every day. Here are the latest items:

Top comments (0)