Success

Esta família parte da paleta Green documentada em Colors. No produto, vira o token --ui-success.

Boas Práticas

Quando usar

Conclusão positiva, confirmações e validações.

Tokens de feedback — toasts, badges, alertas, indicadores de operação concluída.

Mapeia sempre para a paleta Green.

Quando não usar

HEX bruto no componente.

Para erros, avisos ou informações neutras.

Opacidade manual — use a variante alpha.

Como única indicação — combine com texto ou ícone.

A paleta Green é a referência de sucesso. Escala completa + variantes alpha:

Green

success-50UIColors/Green/50

success-100UIColors/Green/100

success-200UIColors/Green/200

success-300UIColors/Green/300

success-400UIColors/Green/400

success-500UIColors/Green/500

success-600UIColors/Green/600

success-700UIColors/Green/700

success-800UIColors/Green/800

success-900UIColors/Green/900

success-950UIColors/Green/950

alpha

400-1000DC82 10%

400-1500DC82 15%

400-2000DC82 20%

400-2500DC82 25%

400-5000DC82 50%

400-7500DC82 75%

400-9000DC82 90%

500-1000C16A 10%

500-1500C16A 15%

500-2000C16A 20%

500-2500C16A 25%

500-5000C16A 50%

500-7500C16A 75%

500-9000C16A 90%