Framer Update: Light & Dark Mode

Design websites that automatically switch between light and dark mode based on user preferences. Framer's Color Styles with Themes let you define colors once and watch them adapt everywhere, from layouts to animations. In this demo, Benjamin shows how to transform a blog template with themed colors that work seamlessly across your entire project, including hover effects and text styles. The new assets panel makes it easy to manage and iterate on your color system without hunting through individual layers. Remix the Blog Template: https://blog-themes.framer.wiki/ 0:00 Introduction to Color Styles with Themes 0:32 Blog template overview 0:52 Creating color styles with themes 1:50 Using color styles in text styles 2:30 Applying themes to hover effects 3:15 Assets panel improvements 3:55 Editing and managing color styles 4:30 Toggle between light and dark mode 5:10 Canvas notes with themes Topics covered: color palette design, responsive design themes, color theory implementation 🌞 Start for free: https://framer.link/yt 📚 Learn more at: https://framer.link/yt-academy 💎 Join the Community: https://framer.link/yt-community 🎉 Follow on X: https://framer.link/yt-x