Light and dark mode options
Learn how to switch between Framer’s light and dark themes for a personalized experience.
Framer lets you switch between light and dark themes for a comfortable, personalized experience that suits your preferences and lighting conditions. Choose dark mode to reduce eye strain in low light or light mode for improved readability. Framer previews your website’s color options based on your selected color styles, helping you design effectively in any theme.
To switch themes, use the light/dark mode button in the Canvas menu or press ⌃⌘N.
Removing dark mode color styles
To remove a dark mode color style:
Open the Assets panel.
Click the three dots next to the color style.
Select “Remove Dark Style”.
