DS-040: Tokenize trading chart colors

[IbrahimIjai]

Complexity: Medium
Primary files: apps/web/src/features/trade/components/chart/TVChartContainer.tsx

Replace hardcoded chart colors with a typed adapter derived from CSS semantic
tokens for light and dark themes.

Acceptance criteria

• Chart background, grid, text, crosshair, borders, candles, and position lines use tokens.
• Theme changes update the chart without a reload.
• Long/short/warning colors match the rest of the app.
• Unit tests cover both generated palettes.

[egwujiohaifesinachiperpetual-max]

@egwujiohaifesinachiperpetual-max has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello boss, Please assign this issue to me. i checked it out and im confident i will solve it
my eta is 4 hours

ℹ️ Repo Maintainers: To accept this application, review their application or assign @egwujiohaifesinachiperpetual-max to this issue.

[nonso7]

@nonso7 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Can i work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @nonso7 to this issue.

[drips-wave]

Congratulations, @nonso7! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @nonso7: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @nonso7 as part of the Stellar Wave Program's 7th Wave 🥳

😎 @nonso7: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.