Tokens
292 tokens do design system TRDR — primitivos, semânticos e scale.
Surfaces
| Token | CSS Variable | Valor Dark | Valor Light | |
|---|---|---|---|---|
surface.primarySuperfície primária — buttons secondary, cards | --surface-primary | #4A4A4A | #D2D2D2 | |
surface.secondarySuperfície secundária — containers, tab lists | --surface-secondary | #222222 | #E8E8E8 | |
surface.tertiarySuperfície terciária | --surface-tertiary | #1A1A1A | #EEEEEE | |
surface.interactiveSuperfície interativa / hero bg | --surface-interactive | #0052CC | #84BFFF | |
surface.disabledSuperfície de elemento desabilitado | --surface-disabled | #1A1A1A | #FAFAFA | |
surface.infoSuperfície informativa (azul translúcido) | --surface-info | rgba(61,153,255,0.08) | ||
surface.errorSuperfície de erro | --surface-error | rgba(243,79,69,0.08) | ||
surface.warningSuperfície de alerta | --surface-warning | rgba(255,204,64,0.08) | ||
surface.successSuperfície de sucesso — badge "Instalado" | --surface-success | rgba(79,226,144,0.08) | ||
surface.brandSuperfície da marca — badge "Disponível" | --surface-brand | rgba(0,82,204,0.16) |