Made in Webflow

Native Light/Dark Mode Appearance

site profile thumbnail


Hey Webflowers! In today's cloneable I show you how you can adapt your website to the color appearance of the native device OS settings. If the settings are on light mode, the website will appear in default white as designed in Webflow, and if dark mode is triggered, the site will turn black. ⚡️ ✅ 100% CSS ✅ Custom Code 🆓 Cloneable To see this effect in action just change your OS color appearance. Feel free to clone this and use it for your next project! ✨ Follow me for more Webflow freebies in the future 💙
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Cédric Moore

See profile
View details
Stylebook - Styleguide Template