Themes
On this page, you can experiment with the colors of monsters. All colors are defined using properties (CSS variables), making it easy to customize the monsters to your own color preferences. This page is just a small playground.
Foreground
Background
Primary 1
Primary 2
Primary 3
Primary 4
Secondary 1
Secondary 2
Secondary 3
Secondary 4
Tertiary 1
Tertiary 2
Tertiary 3
Tertiary 4
Disabled 1
Disabled 2
Disabled 3
Disabled 4
Destructive 1
Destructive 2
Destructive 3
Destructive 4
Success 1
Success 2
Success 3
Success 4
Warning 1
Warning 2
Warning 3
Warning 4
Error 1
Error 2
Error 3
Error 4
Examples
option a
option b
option c
Buttons
Table
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Cell 1 | Cell 2 | Cell 3 |
| Cell 1 | Cell 2 | Cell 3 |
| Cell 1 | Cell 2 | Cell 3 |
This is a details element
Tabs
Tab 1
Tab 2
Tab 3
Colors
primary-1
primary-2
primary-3
primary-4
primary-disabled-1
primary-disabled-2
primary-disabled-3
primary-disabled-4
secondary-1
secondary-2
secondary-3
secondary-4
tertiary-1
tertiary-2
tertiary-3
tertiary-4
Typographie
This is a text with a
This is an error message
This is a help message
This is a heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec dui nec nunc Lorem Link a link example.State Control with SVG
This is a headline
loreLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo