Define dark-mode color tokens in Tailwind config for dashboard surfaces

[Akatenvictor]

Context

Following up on enabling a dark-mode toggle, the dashboard components (Sidebar, TopHeader, cards) need dark-variant Tailwind classes defined so toggling dark mode actually changes appearance instead of being a no-op.

Acceptance Criteria

• Tailwind dark: variants added for background, text, and border colors on Sidebar.tsx, TopHeader.tsx, and OverviewCards.tsx
• Contrast remains readable (WCAG AA) in dark mode
• Light mode appearance is unchanged

[Ajibose]

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

I would love to work on this

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

[temisan0x]

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

Hello boss, please assign.

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

[Toyinoje]

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

Hello maintainer, I would love to work on this issues please assign it to me

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

[zinodict121]

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

I would like to work on this issue.

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

[TheBigWealth89]

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

I would like to work on this issue.

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

[VictorEzenma]

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

Hi maintainer, I would love to contribute by applying the necessary fixes and improvements to get this done

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

[nonggde]

Submitted PR: #78

[abbys-code-hub]

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

I can approach this by introducing consistent dark-mode color tokens that preserve the existing component structure while ensuring the new styles are easy to maintain and extend. I'll verify that the implementation maintains WCAG AA contrast, leaves the light theme unaffected, and provides a smooth foundation for future dashboard components to adopt the same design system. I would love to take on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @abbys-code-hub to this issue.

[drips-wave]

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

🧑‍💻 @abayomicornelius: 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 🌊