Theming

10 real theme bundles

Every bundle below is a real ThemeBundle from @mercatus-liber/theming -- a set of design tokens plus a per-page-type template selection (packages/theming/src/ theme-bundles.ts). Picking a theme never touches catalog, cart, or CMS code: it only calls theming.setTokens() and theming.setDefaultTemplate(), the same two primitives every demo’s own theme switcher uses. Click “Preview in” any store below to cross-apply a theme straight onto that store — it sets that store’s own theme cookie and takes you there.

Classic

classic

The refined default every demo loads when nothing else is picked: warm ivory background, deep blue/teal, a considered serif stack, real spacing and type scale, and subtle card elevation.

Dark

dark

A straightforward dark-mode utility bundle: near-black background, sky-blue primary, mint-green accent, system-ui type.

Minimal

minimal

The starkest bundle on purpose: pure black on white, a Georgia serif, zero border radius, and a long-scroll PDP layout.

Vibrant

vibrant

Playful and colorful: warm cream background, orange primary, pink accent, and generous 12px corner rounding.

Retro

retro

Terminal-flavored retro: a Solarized-light palette, monospace Courier New type, and sharp 2px corners.

High Contrast

high-contrast

Built for maximum accessible contrast: pure black background, yellow primary, cyan accent, zero rounding.

Northline

northline

A professional, trustworthy "on-site technician" feel built for the Northline Home Tech demo: indigo-blue primary, amber accent, light slate background.

The Slow Catalog

editorial

"The Slow Catalog" -- a warm editorial/artisan-market look: Fraunces/Newsreader serif display type, an asymmetric magazine-grid home and category layout, and a receipt-style cart.

Blaze Theme

maximalist

"Blaze Theme" -- bold modern maximalist: ink-black text on a soft olive background, blaze-orange primary, thick 3px borders, hard offset shadows, and a fixed left-rail nav.

Datasheet Storefront

datasheet

"Datasheet Storefront" -- precision technical/blueprint-grid: IBM Plex Sans/Mono type, hairline borders, a spec-table PDP, and a dot-grid blueprint background.