Variable: themes

const themes: object

All built-in themes as a single object.

Type Declaration

aurora: ThemeTokensV2

Aurora — Soft, cool-toned palette with rounded surfaces.

Deep indigo base with cool lavender tones and a vibrant purple accent. Generous radii and diffused shadows create a smooth, modern aesthetic.

bruttal: ThemeTokensV2

Bruttal — Bold contrasts, dark neutrals, geometric feel.

Strong black/white contrasts with a vivid red accent. Sharp corners (near-zero radii) and heavier borders reinforce the brutalist aesthetic.

readonly default: ThemeTokensV2 = defaultTheme

neon: ThemeTokensV2

Neon — High-contrast palette with vibrant accents.

Near-black surfaces with a vivid neon-green accent for maximum contrast. Designed for dark-first interfaces and data-heavy dashboards.

oca: ThemeTokensV2

OCA — Natural greens, organic warmth.

Inspired by nature with deep forest greens and warm creams. Softer radii and gentle shadows create an organic, approachable feel.

terra: ThemeTokensV2

Terra — Earthy, warm palette with a grounded feel.

Warm browns, amber accents, and an olive-tinted neutral scale. Medium radii and warm-tinted shadows convey stability and warmth.

import { themes } from '@ttoss/theme2';
const theme = themes.bruttal;