Dark Mode

[jainaryan04]

@dhairyagothi

✨ Feature Request

Description of the Feature

Implementing dark mode improves user comfort by reducing eye strain and glare, especially in low-light environments. It enhances readability, conserves battery on OLED devices, and aligns with modern design practices. Supporting dark mode will offer a better user experience and accessibility, catering to diverse user preferences.

Proposed Solution

Dark mode can be implemented using a custom React hook to manage theme state. The hook toggles between light and dark themes, updating the class on the root element. CSS classes (e.g., .dark or .light) control styling. The hook listens to system preferences and persists the theme in localStorage.

Are you participating in GSSoC?

• [X] Yes
• [ ] No

[github-actions[bot]]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read [CONTRIBUTING.md]() carefully. Your contributions are highly appreciated! 😊

[Dhruv-pahuja]

can i also work on it , so i that i can finish this quickly withint a hour @dhairyagothi

[dhairyagothi]

@Dhruv-pahuja go ahead

[jainaryan04]

@dhairyagothi I am working on it already

[dhairyagothi]

@dhairyagothi I am working on it already

YOU KEEP WORKING DON'T WORRY ABOUT ASSIGNING

JUST MAKE PR ASAP

[Dhruv-pahuja]

Sorry for removing my assignments because of ongoing exams in my college , I will be very busy and unable to work on this issue till next saturday @dhairyagothi

[dhairyagothi]

Sorry for removing my assignments because of ongoing exams in my college , I will be very busy and unable to work on this issue till next saturday @dhairyagothi

Okay no problem

[github-actions[bot]]

Hello @jainaryan04! Your issue #469 has been closed. Thank you for your contribution!