Theme preset
Base Styles
Components
Advanced
Colors
Accent
Neutral
Card
Surface
Body
Muted
Text primary
Preset
Heading font
Body font
Type scale
Type size
Invite a teammate
Role
Deploy queued
Waiting for the previous build to finish.
BetaStable
Syncing
Notification preferences
Frequency
No projects yet
Create your first project to get started.
Release notes
Published
Themes pin fixed-tone subtrees with modes and data-surface (SURFACE_ATTRIBUTE). See the theming guide for details.
tsx
import { Button } from '@var-ui/react';Layout preview
Grid
Center
A
Cell
B
Cell
theme.tsts
import { defaultThemeClassName } from '@var-ui/core';
// Default theme is registered when you import '@var-ui/core'.
// Apply to your app root:
export const themeClassName = defaultThemeClassName;