Switch Webflow to a Light, Dark, or System theme.
Choose how the Webflow interface looks: Light, Dark, or System, which automatically follows your device setting. This preference saves at the account level, so it follows you across the Dashboard, every Workspace, and every Site. It only changes how the Webflow interface looks and doesn't affect what your published site looks like to visitors.
Theme options
| Option |
What it does |
| System |
Matches your device's light or dark setting and updates automatically when your device theme changes. |
| Light |
Uses Webflow's light interface. |
| Dark |
Uses Webflow's dark interface. You can also choose a dark style: Darker, Default, or Brighter. |
Set your theme from the Dashboard
To set your theme from the Dashboard:
- Open the Webflow Dashboard
- Click Account in the top-right corner
- Click Theme
- Choose System, Light, or Dark
- If you choose Dark, optionally choose Darker, Default, or Brighter
- Close the modal to save your selection automatically
Set your theme from Sites
To set your theme from Sites:
- Open a site in Webflow
- Click the W menu in the top-left corner
- Click Theme
- Choose System, Light, or Dark
- If you choose Dark, optionally choose Darker, Default, or Brighter
- Close the modal to save your selection automatically
Good to know
- You can't set different themes for different parts of Webflow (for example, Light Dashboard and Dark Sites) at this time. One preference applies everywhere theme is supported.
- Some Marketplace apps and Designer extensions may not fully match your theme yet. First-party apps such as HubSpot and Marketo are light-theme compatible.