Skip to content
GaudiGaudi Design System home

Search documentation

Search every page, heading and paragraph.

Theme Studio

The Storybook page that puts the gallery, editor, generator, contrast report and import/export together.

Theme Studio lives in the design system's Storybook (Theming / Theme Studio). It edits every contract token, generates palettes from one or two brand colours (generateTheme, randomTheme), shows the contrast report and imports or exports themes in every format.

Open Theme Studio ↗Runs with the design system's Storybook (pnpm storybook, port 6006 locally).Import and export hereThe Themes page offers the importer and exporter without Storybook.
The Storybook URL is configurable with NEXT_PUBLIC_STORYBOOK_URL once Storybook is hosted.

Theme Studio is inspired by StyleGlide, tweakcn and the shadcn/ui theme editor.