Design token
A named value of the design, like a color, a spacing, or a radius, used instead of a hard-coded value.
- In code
--ha-*- Also
- design tokens, tokens
Tokens are CSS variables, like --ha-space-4. When everything uses them, the design can change in one place, and themes can override them.