search

mohitparmar1 / Shopy

https://shopy-mohitparmar1s-projects.vercel.app/
34 stars 70 forks source link

Feature: Adding dark mode to home page. #61

Open nagalakshmi08 opened 4 months ago

nagalakshmi08 commented 4 months ago

Hi @mohitparmar1 , I want to add dark mode to the home page which enhances the UI. Please assign me this task I want to contribute to this under GSSoC'24.

SanaAzeem512 commented 4 months ago

please assign this issue to me under gssoc24

adil-techcode commented 4 months ago

@nagalakshmi08 @SanaAzeem512 Please Explain little bit , How You Add this Functionality?

nagalakshmi08 commented 4 months ago

@nagalakshmi08 @SanaAzeem512 Please Explain little bit , How You Add this Functionality?

I plan to implement dark mode using Tailwind CSS's dark class along with a basic JavaScript function. The dark class will handle the styling for dark mode, and the JavaScript function will toggle this class on the HTML body element, enabling users to switch between light and dark modes with a button click in this way: dark-switch-article-preview

SanaAzeem512 commented 4 months ago

@nagalakshmi08 @SanaAzeem512 Please Explain little bit , How You Add this Functionality?

The issue aims to enhance Shopy's user experience by introducing a dark mode feature. This feature will offer users a more comfortable viewing option for low-light conditions and a modern interface.

I will implement dark mode using Tailwind CSS's dark class along with a JavaScript function for toggling. The dark class will manage the styling for dark mode, ensuring a seamless transition between light and dark themes. By toggling this class on the HTML body element through the JavaScript function, users will have a convenient button to switch between modes effortlessly. This approach guarantees a smooth and visually appealing experience for users, enhancing the overall usability of the application.

Let me know if you want to knowmore about my appraoch or something else. please assign this issue to me. Thanks

SanaAzeem512 commented 4 months ago

@adil-techcode I am a backend developer. I can help you with the backend of your site. Let me know if you want to know more about my appraoch or something else. Please assign your backend issues to me as well. Thanks

adil-techcode commented 4 months ago

@SanaAzeem512 Please Explore more issues on the backend or reachout to me for more queries.

nagalakshmi08 commented 4 months ago

@adil-techcode thank you for assigning me this, also can you please add gssoc label and level label to this issue..