Complete theme definition
A theme controls all visual aspects of the Luxar viewer. Themes can be switched at runtime without reloading.
const myTheme: Theme = { id: 'my-theme', name: 'My Custom Theme', description: 'A beautiful custom theme', colors: { ... }, typography: { ... }, spacing: { ... }, effects: { ... }, zIndex: { ... },}; Copy
const myTheme: Theme = { id: 'my-theme', name: 'My Custom Theme', description: 'A beautiful custom theme', colors: { ... }, typography: { ... }, spacing: { ... }, effects: { ... }, zIndex: { ... },};
Unique theme identifier (kebab-case)
Human-readable theme name
Optional
Optional theme description
Color palette
Typography settings
Spacing scale
Visual effects
Z-index layers
Complete theme definition
A theme controls all visual aspects of the Luxar viewer. Themes can be switched at runtime without reloading.
Example