Customization
Theming
Colors, layout, corner styles, and dark mode.
Buyer documentation is provided in English.
The workspace customizer controls light, dark, or system mode; brand accent; corner style; and content width. Zustand keeps an immediate local cache while authenticated preferences are synchronized through the profile API.
| Token | Light | Role |
|---|---|---|
| --primary | #635BDF | Primary actions and links |
| --background | #F7F8FA | Page background |
| --surface | #FFFFFF | Cards and panels |
| --foreground | #202127 | Body text |
| --muted | #F0F1F4 | Muted surfaces |
| --border | #E5E6EB | Dividers and outlines |
| --success | #23744E | Positive states |
| --warning | #946200 | Needs attention |
| --danger | #C13D45 | Destructive states |
Typography uses the native system font stack in styles/tokens.css, including the Apple system font on Apple devices. Icons use the shared Hugeicons wrapper. Change --font-app to customize typography.
Theme values are applied as data attributes and semantic CSS tokens. UI components do not maintain separate theme-specific styles.