Types
Theme Types
Types related to theming including color schemes, font sizes, icon sizes, and animation durations.
colors
Property | Type | Required | Default | Description |
---|---|---|---|---|
primary | string | Yes | – | Main action color. |
secondary | string | Yes | – | Secondary UI color. |
accent | string | Yes | – | Highlight or progress color. |
background | string | Yes | – | Main background color. |
overlay | string | Yes | – | Semi-transparent overlay color. |
text | string | Yes | – | Primary text color. |
error | string | Yes | – | Color for error states. |
success | string | Yes | – | Color for success states. |
border | string | Yes | – | Border or outline color. |
iconSizes
Property | Type | Required | Default | Description |
---|---|---|---|---|
sm | number | Yes | – | Small icons. |
md | number | Yes | – | Medium icons. |
lg | number | Yes | – | Large icons. |
fontSizes
Property | Type | Required | Default | Description |
---|---|---|---|---|
sm | number | Yes | – | Small text size. |
md | number | Yes | – | Medium text size. |
lg | number | Yes | – | Large text size. |
animations
Property | Type | Required | Default | Description |
---|---|---|---|---|
fast | number | Yes | 100 | Fast animation duration (100ms). |
normal | number | Yes | 200 | Normal animation duration (200ms). |
slow | number | Yes | 300 | Slow animation duration (300ms). |