Dark mode toggle

[MUDITJAINN]

Expected Behavior:

Toggle Switch: A switch or button should be added to the website header or settings section, allowing users to easily toggle between light and dark modes.

Persistent Mode: The selected mode (dark or light) should persist across sessions using local storage or cookies, so the user's preference is saved when they revisit the site.

UI Elements: All UI elements (background, text, buttons, etc.) should dynamically update based on the selected theme without any layout breaking or style inconsistencies.

Accessibility: Ensure that text contrast and readability remain optimal in both light and dark modes for all users.

Implement a theme switcher using React's state management (such as useState or useContext) to manage and store the selected theme. Apply dynamic CSS styling to adjust the website's colors based on the theme, and store the user's preference in local storage for persistence across sessions.

[farhan-sayeed]

Hi @MUDITJAINN, can you assign this to me & share more details required for this issue

[mayank-0789]

Hi @MUDITJAINN can you please assign this issue to me , I would love to work on it

[lightning-sagar]

hey can i work on this?? pls

[Anurag-singh-thakur]

Hi @MUDITJAINN I have already on several website for the dark and light themes and i make sure it will be very much responsive than your expectations. here is an example of responsiveness a website made by me.... link (https://voting-app-frontend-67ba.onrender.com/) .can i work on that please ???

[MUDITJAINN]

@Anurag-singh-thakur go for it.

[MUDITJAINN]

@farhan-sayeed new features and issues are always welcome.

[Anurag-singh-thakur]

@Anurag-singh-thakur go for it.

I am currenlty working on it