[UX] Dark mode toggle has no transition animation

[nonsobethel0-dev]

Description

Toggling dark mode causes an abrupt color change with no transition, which can be jarring.

Current behavior

Colors switch instantly on toggle.

Expected behavior

Add a smooth transition between light and dark modes.

Files

• components/ui/ThemeToggle.tsx
• app/globals.css

Impact

Abrupt visual change looks unpolished.

[Johnjnr1]

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

i’m very conversant in solving problems like this, let me work on it

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

[ekenealozie10-bit]

@ekenealozie10-bit has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hello, I’ve reviewed the issue description and have a clear understanding of what is expected. I’d be happy to take the opportunity to work on it.

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

[doncharlie]

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

I would love to fix this issue

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

[Tinu-ola]

@Tinu-ola has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi Maintainer, I’ve taken some time to review the issue and understand the work involved. I’m interested in handling it and believe I can deliver the expected result. I’d be grateful if you could assign it to me.

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

[Dannocap]

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

Hi Maintainer, I’ve reviewed the details and understand the expected changes. I can jump into it immediately.

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

[S4V10N]

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

Hello — I would love to work on the transition animation for the dark mode toggle . I’m a frontend developer experienced with React, TypeScript, Next.js, and Tailwind CSS, and I consistently deliver responsive, accessible, and well-tested UI solutions.
I can start immediately and will open a draft PR within 24–48 hours after assignment. I’m also available to take on additional frontend issues in this repo to help move the project forward.

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

[alansamdev]

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

Hello, I have reviewed this issue and I’m interested in working on it

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

[drips-wave]

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

🧑‍💻 @alansamdev: 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 @alansamdev as part of the Stellar Wave Program's 9th Wave 🥳

😎 @alansamdev: 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.