Tokens
292 tokens do design system TRDR — primitivos, semânticos e scale.
Contexto de Trading
| Token | CSS Variable | Valor Dark | Valor Light | |
|---|---|---|---|---|
context.chart.candles.upCandle de alta — verde | --context-chart-up | #31DD7E | ||
context.chart.candles.downCandle de baixa — vermelho | --context-chart-down | #F34F45 | ||
context.trading.upPreço em alta | --context-trading-up | #4FE290 | ||
context.trading.downPreço em baixa | --context-trading-down | #F34F45 | ||
context.trading.long.textTexto de posição long (compra) | --context-trading-long-text | #4FE290 | ||
context.trading.long.defaultSuperfície de posição long | --context-trading-long-default | rgba(79,226,144,0.08) | ||
context.trading.long.hoverHover de posição long | --context-trading-long-hover | rgba(79,226,144,0.12) | ||
context.trading.long.activeActive de posição long | --context-trading-long-active | rgba(79,226,144,0.16) | ||
context.trading.short.textTexto de posição short (venda) | --context-trading-short-text | #F34F45 | ||
context.trading.short.defaultSuperfície de posição short | --context-trading-short-default | rgba(243,79,69,0.08) | ||
context.trading.short.hoverHover de posição short | --context-trading-short-hover | rgba(243,79,69,0.12) | ||
context.trading.short.activeActive de posição short | --context-trading-short-active | rgba(243,79,69,0.16) | ||
context.trading.stop.defaultSuperfície de stop loss | --context-trading-stop-default | rgba(255,100,0,0.16) | ||
context.trading.stop.hoverHover de stop loss | --context-trading-stop-hover | rgba(255,100,0,0.24) | ||
context.trading.stop.activeActive de stop loss | --context-trading-stop-active | rgba(255,100,0,0.32) | ||
context.trading.stop.alphaAlpha sutil de stop loss | --context-trading-stop-alpha | rgba(255,100,0,0.08) |