---
url: /api/renderers/storybook/src/functions/pantokenStorybookTheme.md
---
[pantoken-root](../../../../index.md) / [renderers/storybook/src](../index.md) / pantokenStorybookTheme

# Function: pantokenStorybookTheme()

> **pantokenStorybookTheme**(`mode?`): [`StorybookTheme`](../type-aliases/StorybookTheme.md)

Experimental

Build a Storybook theme from the Instructure tokens.

## Parameters

### mode?

[`Mode`](../../../../packages/core/src/type-aliases/Mode.md) = `"light"`

`"light"` or `"dark"` (default `"light"`).

## Returns

[`StorybookTheme`](../type-aliases/StorybookTheme.md)

A `ThemeVars`-shaped object.

## Example

```ts
// .storybook/manager.ts
import { addons } from "@storybook/manager-api";
import { pantokenStorybookTheme } from "@pantoken/storybook";

addons.setConfig({ theme: pantokenStorybookTheme("dark") });
```