Get Theme (Beta)

webflow.getTheme()

Returns the currently active Designer appearance theme name.

Use this to match your extension’s UI to the Designer’s current appearance. To also receive updates when the theme changes, subscribe to the currenttheme event.

Syntax

1
webflow.getTheme(): Promise<AppearanceSettings>

Returns

Promise<AppearanceSettings>

A Promise that resolves to one of the following theme names:

Example

1
const theme = await webflow.getTheme();
2
console.log('Current theme:', theme);
3
4
if (theme === 'light') {
5
  document.body.classList.add('light-mode');
6
}

Designer Ability