Feature Request: Add Dark Mode Support Across the Application

[Pragzh]

Is your feature request related to a problem?

Yes. The current UI only supports a light theme, which may cause eye strain during long usage sessions, especially for users working at night.

Describe the solution you'd like

Implement a complete dark mode/theme toggle for the application.

Suggested improvements:

• Add light/dark theme switch
• Persist selected theme using local storage
• Update cards, forms, navbar, and buttons for dark mode
• Ensure proper text contrast and accessibility
• Smooth theme transition animation

Benefits

• Improves accessibility and readability
• Enhances user comfort during long sessions
• Gives the application a modern UI experience
• Improves overall visual appeal

Additional Context

Many modern Web3 and dashboard applications provide dark mode as a standard feature for better UX and accessibility.

[Srilu-07]

Hello @ashutoshgithubs 👋

I would like to work on this issue under GSSoC 2026.

Understanding of the Issue

The current application only supports a light theme, which can reduce usability during long sessions and affect overall user comfort, especially in low-light environments. Implementing a proper dark mode system would significantly improve the modern UI experience and accessibility of the application.

Proposed Implementation

I can implement a clean and responsive dark mode system that will:

• add a smooth light/dark theme toggle
• store the selected theme using local storage
• improve consistency across UI components
• maintain proper readability and visual balance
• ensure accessible text/background contrast

UI & UX Focus

The implementation will focus on maintaining a modern and polished interface while ensuring that the dark theme feels naturally integrated into the existing design system instead of appearing as an afterthought.

Special attention will be given to:

• clean color hierarchy
• comfortable contrast levels
• smooth visual transitions
• consistent component styling
• user-friendly interaction experience

Technical Considerations

I will make sure the dark mode system remains:
• lightweight and optimized
• scalable for future UI additions
• easy to maintain within the current codebase
• consistent across different screen sizes and layouts

Final Goal

The objective is to create a visually balanced and production-ready dark mode experience that improves usability, enhances accessibility, and gives the application a more modern interface overall.

Please assign this issue to me. Thank you!
/assign