ThemeShift - Docs

Add dark mode to any Framer site in minutes. Free, no signup needed.

New to the plugin? Start with the ThemeShift overview or browse all Proofly docs.

Setup

Install ThemeShift from the Framer Marketplace.
Generate the dark palette. ThemeShift creates dark variants from your existing colors using an inverse-luminance algorithm; fine-tune any color afterwards.
Insert a theme toggle component, pick one of the toggle styles, and publish. Dark mode is live.

Companion components

ThemeShow shows or hides content based on the active theme, for example a different logo for light and dark.
ThemeImage swaps an image source per theme with a crossfade.

Scheduled themes and system preference

Schedule themes by time of day, for example dark at sunset and light at sunrise, or honor the visitor's system preference. Visitors can always override with the toggle.

Avoiding theme flash

ThemeShift ships an anti-FOUC script that applies the saved theme before the page paints, so visitors never see the wrong theme flash on load. No configuration needed.

Going further

All plugin guides live in the docs hub.
One Proofly account also covers PageLock, Proofly Forms, and React Export.