The 'design tokens' component holds the list of tokens for our design system. It includes specific colors for key UI elements with descriptions for usage.
A type alias called 'ThemeSchema' is generated from the list of design tokens to ensure all themes, like 'light' and 'dark', follow the same schema.
Themes are generated by passing design tokens to a theme generator. The 'MyTheme' is created based on the default values of the design tokens.
[
add
]
[
|
|
...
]