Get started
Get started
Volt
Theming
Foundry Volt themes are CSS-variable swaps on the document root. Components never hardcode light or dark hex — they consume semantic tokens including primary, hot, and chart colors.
Three modes
light, dark, and system (follows OS preference). Preference persists in localStorage.Live theme control
Changes apply immediately across the docs shell.
preference: system
resolved: light
Volt palette
Brand override pattern
Multi-brand products should override semantic variables — never fork component files per brand. Keep neutrals stable; recolor primary + hot.
Surfaces
background, card, muted, popover, sidebar
Action
primary, secondary, accent, hot, destructive
Status
success, warning, destructive (small surfaces only)