Feat: Dynamic Mode Toggle: Seamlessly Switch Between Dark and Light Themes

[thevijayshankersharma]

Describe the feature

Elevate user experience with our dynamic mode toggle feature, allowing users to effortlessly switch between dark and light themes according to their preference and ambient lighting conditions. With this feature, users can customize their viewing experience, whether they prefer a sleek, modern dark mode for reduced eye strain in low-light environments or a vibrant light mode for enhanced readability during the day. Our intuitive toggle seamlessly adapts the interface, ensuring consistency and comfort across all interactions. Experience versatility in design with our dynamic mode toggle, offering a personalized touch to every user's journey.

Add ScreenShots

Once I have been assigned then I will send the screenshot of foodies web app with dark mode

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[VanshKing30]

Can you send me the video or gif video of changes you can make in the ui after applying your appraoch ?

[thevijayshankersharma]

@VanshKing30 Somethig like this

https://github.com/VanshKing30/FoodiesWeb/assets/109781385/870a8e30-c322-4dfa-8cd0-3a621af1b326

[Tejsvapandey1]

Can you assign me this issue

[AadiJain06]

Can You Assign me this issue

[thevijayshankersharma]

@VanshKing30 could you give a level3 label cause it will take more time for me to make. I new to node.js environment