Choose a Theme
Click any theme to preview it instantly. Changes apply to the entire page.
Base Themes
Aa
Light
Aa
Dark
Colour Variants
Aa
Ocean
Aa
Forest
Aa
Sunset
Aa
Royal
Aa
Lemon
Aa
Silver
Aa
Charcoal
Component Preview
See how components look with the selected theme.
Buttons
Alerts
Success! Operation completed.
Error! Something went wrong.
Warning! Please review.
Info: Updates available.
Form Elements
Nested Card
Card Title
This card demonstrates nested surfaces and proper contrast.
Colour Palette
Current theme colours update as you switch themes.
Usage
CSS Only
domma-themes.css">
dm-theme-dark dm-theme-ocean">
JavaScript API
// Initialise with options
Domma.theme.init({
theme: 'dark',
variant: 'ocean',
autoDetect: true
});
// Runtime control
Domma.theme.toggle();
Domma.theme.set('dark');
Domma.theme.setVariant('sunset');