[GSSOC'25]Add Dark Mode Support to Frontend

[VivekMaurya83]

Overview

To enhance user experience and accessibility, add a dark mode toggle to the platform’s frontend. This will allow users to switch between light and dark themes according to their preference.

Acceptance Criteria

• Add a dark mode toggle button accessible from the main navigation or settings.
• Implement dark mode using CSS variables or a theme provider.
• Ensure the UI is visually consistent and readable in both modes (text, backgrounds, buttons, etc.).
• Persist user’s theme preference using local storage or cookies.
• Thoroughly test dark mode on all major browsers and devices.

Additional Notes

• Follow accessibility guidelines for color contrast.
• Consider using existing CSS frameworks/libraries that support theming if already in use.

Labels

• enhancement
• feature

---

This issue will improve the visual comfort and accessibility of the platform for all users, especially for those working in low-light environments.

[Adithyakp86]

asign this issue to me

[piyush0213]

I'm assigning this to both of you; the best one will get the commit