> This page is for Designer API.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Get Theme (Beta)

> Get the currently active Designer appearance theme.

## `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`](/designer/reference/user-changes-theme) event.

> **Beta**
>
> These methods are in public beta and may change with future releases.

## Syntax

```typescript
webflow.getTheme(): Promise<AppearanceSettings>
```

## Returns

**Promise\<*AppearanceSettings*>**

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

| Value            | Description                 |
| ---------------- | --------------------------- |
| `'darkDefault'`  | Default dark theme          |
| `'darkDarker'`   | Darker dark theme variant   |
| `'darkBrighter'` | Brighter dark theme variant |
| `'light'`        | Light theme                 |

## Example

```typescript
const theme = await webflow.getTheme();
console.log('Current theme:', theme);

if (theme === 'light') {
  document.body.classList.add('light-mode');
}
```

[Try this example](https://webflow.com/oauth/authorize?response_type=code\&client_id=19511de1ec410f9228d8dcbc9420e67916dea80d86d18f0c9a533eb475ea0f62)

## Designer Ability

| Designer Ability    | Locale | Branch | Workflow | Sitemode |
| :------------------ | :----- | :----- | :------- | :------- |
| **canAccessCanvas** | Any    | Any    | Any      | Any      |