Light & Dark Mode Styles in Framer | Create Colors in Framer Respond to Dark and Light Mode Settings
Framer is a web based design tool that makes it easy to create websites without knowing how to code. In this tutorial, I explain how to create styles that respond to dark and light mode device settings.
Music for this video is by Cordio. You can learn more about their music here:
https://www.cortes.us/music
0:00 - Intro
0:15 - Setting up the card layout
1:29 - Styling the review card
3:24 - Applying space to the review card
5:30 - Adding color styles
7:31 - Previewing the live website in light/dark mode
8:15 - Updating styles across multiple instances
8:35 - Wrapping up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#framer #websitedesign #darkmode #lightmode #framertutorial