Colors are exported as CSS variables and used with the standard var syntax such as var(--text-color). Following is the list of general variables used in a theme.
| Variable | Description |
|---|---|
| --text-color | Font text color. |
| --text-secondary-color | Muted font text color with a secondary level. |
| --primary-color | Primary color of the theme. |
| --primary-color-text | Text color when background is primary color. |
| --font-family | Font family of the theme. |
| --inline-spacing | Spacing between to adjacent items. |
| --border-radius | Common border radius of elements. |
| --focus-ring | Box shadow of a focused element. |
| --mask-bg | Background of an overlay mask. |
| --highlight-bg | Background of a highlighted element. |
| --highlight-text-color | Text color of a highlighted element. |