Charts
Tokens de cor das séries de gráfico — paleta categórica de 10 cores (--chart-1 a --chart-10), não-semântica, com light/dark automático.
Boas Práticas
Tokens
Tom 600 no light, 400 no dark — troca automática com o tema.
Tokens
| Token | Light | Dark |
|---|---|---|
| --chart-1 | UIColors/Blue/600 | UIColors/Blue/400 |
| --chart-2 | UIColors/Orange/600 | UIColors/Orange/400 |
| --chart-3 | UIColors/Teal/600 | UIColors/Teal/400 |
| --chart-4 | UIColors/Pink/600 | UIColors/Pink/400 |
| --chart-5 | UIColors/Yellow/600 | UIColors/Yellow/400 |
| --chart-6 | UIColors/Purple/600 | UIColors/Purple/400 |
| --chart-7 | UIColors/Red/600 | UIColors/Red/400 |
| --chart-8 | UIColors/Cyan/600 | UIColors/Cyan/400 |
| --chart-9 | UIColors/Lime/600 | UIColors/Lime/400 |
| --chart-10 | UIColors/Slate/600 | UIColors/Slate/400 |
Como usar
A atribuição é automática: cada série recebe --chart-1, --chart-2… em ordem, alternando quente/frio para máxima distinção com 2–4 séries. Os tokens só entram à mão em UI customizada (var(--chart-1) ou utilitários bg-/text-/fill-/stroke-) ou ao sobrescrever a paleta de um chart — sempre nos --chart-* (continuam acessíveis e sensíveis ao tema).
Acessibilidade: cor é indício secundário — combine sempre com rótulo/marcador direto (Yellow no branco e o par quente×frio podem convergir para daltonismo). Se remover a cor torna o gráfico ilegível, adicione rótulo, marcador ou padrão.