You can define the default theme (Light, Dark, or System) for your website so that visitors see the right style when they first load your site.

How to Set the Default Theme

1. Select the ThemeSwitcher component in your Framer project.

2. In the component options panel, find the setting Default Theme.

3. Choose one of the following options:

   • Light → Forces the Light theme by default.

   • Dark → Forces the Dark theme by default.

   • System (auto) → Automatically adapts to the visitor’s system preference.

Result

Once selected, the chosen default theme will be applied automatically when users visit your website.

✅ This ensures your site always starts with the theme experience you prefer.