AsciiTheme playground

Framework-agnostic terminal design lab

Switch themes live, test adoption paths, and smoke-check stickers in one surface.

This playground exercises the new registry, wrappers, Web Component, shortcuts, and widget presets without leaving the browser.

Registry themes

Adoption primitive

Pinned theme preset

registry-preview.tsx

Theme-aware hero surface

Sepia ships calm docs-first pages.

Switch between light, dark, sepia, and matrix to inspect palette tokens, button contrast, and sticker readability before publishing.

Manual verification 6 states

default + sepia

Adoption paths

One playground, three entry points.

Core registry

Use `setTheme`, `registerTheme`, and `subscribeAsciiTheme` directly.

Native primitive

`<ascii-theme-toggle>` works without a framework wrapper.

Framework sync

React and Vue wrappers stay aligned with the singleton state.

Vanilla copy/paste-ready

Sticker lab

Run widget presets as a manual smoke test.

Mounted widget

Legacy markup sticker

Preset notes

Status badge is ideal for release, environment, or deployment state.