saurabhbakolia / SCROLLME--ECOMMERCE-WEBSITE

ScrollMe is an open-source eCommerce platform built with JavaScript, React, Styled Components, Node.js (Express), and MongoDB. It offers a modern shopping experience with a scalable backend, perfect for contributors or those learning modern web development.
https://www.scrollme.online/
MIT License
19 stars 65 forks source link

Feat : Adding Dark Mode for Home/Landing Page with a toggle button #115

Open iamsaura8h opened 1 month ago

iamsaura8h commented 1 month ago

Issue Report

Adding a Feature

Title

Adding Dark Mode for Home/Landing Page

Description

I would like to add a dark mode button so that it can toggle between dark mode and light/default mode. i will also write the code for dark mode so that the button is fully functional.

Feel free to be as detailed as necessary so we can replicate the issue accurately. adding Dark Mode will improve the UI/UX of this web app and i feel it is important as i am Front-End Developer

Expected Behavior

User will be able to switch between dark mode and light or default mode

PLEASE ASSIGN ME THIS ISSUE WITH gssoc-ext and hacktoberfest-accepted LABELS

saurabhbakolia commented 1 month ago

@iamsaura8h assigned!

rajgharat07 commented 1 month ago

Hello, I’m Raj, a BTech student and full-stack web developer. You can check out my LinkedIn profile.

I would love to take on this task, please assign it to me!

AnshuWorld commented 1 month ago

Please assign me this task under gssoc24 extd

iamsaura8h commented 1 month ago

@saurabhbakolia i am almost done with the dark mode , added a toggle button beside cart icon using material ui pack . i just need your suggestion what should be the dark color , currently i am using #333 for dark mode , so do let me know if you have something in mind .