NEW in Framer: Dark/Light Mode Toggles

In this video, we’re solving one of Framer's biggest limitations: Dark/Light mode toggles. You see, even though we can set up color styles in Framer to have "light" and "dark" variants, we can’t switch between them using a simple toggle; natively, the theme just follows the visitor's system settings. But what if you want to use an on-site element to manually switch themes? That’s exactly what you’re learning today. We’re going to create a beautifully animated dark/light mode toggle that not only looks great as it animates, but is also fully functional and actually switches the website’s color theme.