Bump market info bar labels to primary text#2143
Conversation
The five stat labels (Vol 24h, Open Interest, 24h High, 24h Low,
Funding / 8h) and the PERP tag next to the symbol were rendering
at --text-dim, which on the dark info-bar bg sits below
comfortable readability for short uppercase labels at 9 px.
Promoting them to --text matches the symbol "{SYMBOL}/USD" header
and the rest of the bar's primary content. The 9 px size + uppercase
tracking still differentiate them from the value rows below — the
hierarchy is now driven by font-size and casing rather than by
brightness.
Stat values themselves (volumes, prices, funding rate) are
untouched — they remain --text / --long / --short / fundingColor
as appropriate.
|
@0x-SquidSol is attempting to deploy a commit to the Khubair Nasir's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
Closing for local review — will reopen once approved. |
|
Warning Rate limit exceeded
To continue reviewing without waiting, purchase usage credits in the billing tab. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
2 participants
Summary
The market info bar's five stat labels (Vol 24h, Open Interest, 24h High, 24h Low, Funding / 8h) and the `PERP` tag next to the symbol were rendering at `--text-dim` — a token meant for placeholder-style metadata. At 9 px uppercase, sitting on the dark bg, the text was nearly illegible without bumping display brightness. Promoting them to `--text` matches the `{SYMBOL}/USD` symbol header and the bar's other primary content.
The visual hierarchy is preserved by font-size + uppercase tracking (labels stay 9 px / tracking-[0.1em], values stay 12 px / mono) instead of by brightness.
What changes
Stat values are untouched — volumes / OI stay `--text`, 24h high stays `--long`, 24h low stays `--short`, funding stays its directional colour.
Test plan
🤖 Generated with Claude Code