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?

• Yes
• No

[github-actions]

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