Browse Learn
Themes
Make a shared foundation feel like you. Start with a preset, then refine colors, fonts, corners, and spacing across the whole interface.
Try a preset, then refine its colors, typography, corners, and spacing. Aurora is the default for new visitors; your saved choice takes priority.
Choose a starting point
These are the same presets available in the navigation. Select one to apply its complete design, then switch light and dark mode to explore both.
Make it your own
Open the theme builder from any page. Adjust accent color, base tint, font, surface and control corners, spacing, and the Flat, Gradient, or Glass finish.
The base swatch chooses the color; Base tint controls how strongly it influences neutral surfaces. System fonts keep the default lightweight. Custom families and optional font loading are available when you need them.
Color with restraint
Aurora blends soft multicolor hues, Jade pairs harmonious greens, and Sky blends two blues. The richer theme API separates surface, border, text, and button paints so an accent can be expressive without covering every element in a vivid gradient.
Use semantic tokens for readable content. Check contrast after customization; a color selection alone does not guarantee accessibility.
Bring the theme into your project
Use Create for a configurable standalone starting point. For versioned theme definitions, scoped styles, and standalone and framework examples, see Integrations. The live website preset is not automatically the default of every exported stylesheet.
Need individual shades? Explore the color palette and copy Hex, RGB, HSL, OKLCH, or CSS token values.