# Storybook themes

Use the **Yellow / Blue** dropdown in the preview toolbar to switch the theme at runtime, in Canvas or Docs. The choice applies across stories. Yellow uses the classic recipe; Blue uses the neutral recipe, so geometry and effects can change as well as colors. Both use the shared Storybook font.

The global decorator in `.storybook/preview.ts` supplies `ASThemeProvider`. Ordinary stories should inherit it: omit explicit `theme` args and avoid defaulting demo props to `ASThemeDefault`. Keep state independent of the selected theme; do not key a demo by the theme name.

Switch and snackbar use a single Default example rather than separate color stories. Change the toolbar selection while interacting to compare both appearances.

Examples specifically demonstrating complete theme replacement, project-specific styling or theme inheritance keep their explicit themes. Those local themes intentionally take precedence over the toolbar. Complete theme replacements preserve their configured appearance through the compatibility adapter; the toolbar does not override an explicit local theme.

The toolbar changes component previews, not the Storybook navigation UI. No library or application default is changed.