Web: Support dark mode for all Tailwind UI components

[wagmiiii]

Repo context. accensa-app is the off-chain half of Accensa — the merchant back-office for x402 sellers on Stellar. Three workspace packages matter: apps/web (Next.js dashboard and the indexer at src/app/api/sync), packages/sdk (@accensa/sdk), and apps/demo-merchant. The Soroban contracts live in accensa-contracts.

🟢 Unblocked. Theming is localized to Tailwind config and React components.

Problem

The merchant dashboard is hardcoded to light mode, which is uncomfortable for many users, especially those monitoring transactions late at night.

What to build

1. Configure Tailwind CSS to use class based dark mode.
2. Add dark: variants to all major UI components (buttons, cards, tables).
3. Implement a theme toggle switch in the navbar that persists the choice to localStorage.

Acceptance criteria

• Users can toggle between light, dark, and system themes.
• No unreadable text or broken contrast in dark mode.
• Theme selection persists across page reloads.

Contact & Support

• Telegram
• Discord
• SUPPORT.md — contribution help, Wave process, and the full list of channels

[JDAibangbee]

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

Hi maintainer, I’ve taken a close look at this issue and understand what needs to be done. I’m confident I can deliver a clean, reliable solution that meets the requirements. I’d appreciate the opportunity to take this on. Thank you!

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

[Sweet-Kid]

@Sweet-Kid has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello maintainer, I can handle this issue

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

[drips-wave]

Congratulations, @Sweet-Kid! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

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