Theming

Change the whole theme with one attribute.

Identity and light/dark are orthogonal axes — a theme token set on one attribute, a perspective on another. No per-component CSS, no overrides. Switch themes below and watch the whole sample UI — including the chart — follow.

Overview Components Charts Theming AI-native Engines

Live theme studio

Pick a theme. Watch it cascade.

The picker and toggle here are the same Carapace components in this site's header. Every surface below reads from the active token set.

Live theme studio

Pick a theme or flip light/dark — every surface below follows.

primarysuccesswarningdangerinfo

This alert, the buttons, the badges, and the chart all read the active theme's tokens — re-skinned by one attribute, no overrides.

Inline chart

Palette tokens

Primary

Success

Warning

Danger

Info

Identity axis

Eleven built-in themes — AccuOSS, Carapace, Frost, Nord, Material, Solarized, Cinder, Ink, Linen, Moss, Void — each a complete token set. Add your own by defining the tokens.

Light / dark axis

Perspective is independent of identity. Any theme works in light or dark without a second definition — set one attribute, the whole tree responds.

Tokens, not overrides

Components read CSS custom-property tokens for color, space, radius, and type. Brand by changing tokens — never by reaching into a component's internals.

Your brand, the whole library.

Bring your palette and type; Carapace wears it everywhere — light and dark, components and charts. Let's make it yours.

Talk to our team The AI substrate