Tokens
292 tokens do design system TRDR — primitivos, semânticos e scale.
Conteúdo (Texto)
| Token | CSS Variable | Valor Dark | Valor Light | |
|---|---|---|---|---|
content.primaryTexto principal — máxima legibilidade | --content-primary | #FFFFFF | #1A1A1A | |
content.secondaryTexto secundário | --content-secondary | #E8E8E8 | #222222 | |
content.tertiaryTexto terciário — labels, hints, placeholders | --content-tertiary | #A4A4A4 | #4A4A4A | |
content.disabledTexto de elemento desabilitado | --content-disabled | #4A4A4A | #777777 | |
content.inverseTexto sobre fundos coloridos (ex: botão azul) | --content-inverse | #1A1A1A | #FFFFFF | |
content.infoTexto informativo | --content-info | #65B0FF | ||
content.warningTexto de alerta | --content-warning | #FFCC40 | ||
content.errorTexto de erro | --content-error | #F34F45 | ||
content.successTexto de sucesso — badge "Instalado" | --content-success | #4FE290 | ||
content.brandTexto da marca — links, badge "Disponível" | --content-brand | #3D99FF | #0066FF | |
content.on-brandTexto sobre bg.brand | --content-on-brand | #FFFFFF |