✨[feature Request]:Dark Mode/ Light Mode Toggle

[Poushmita]

Description

This PR adds a Dark mode/Light mode toggle feature to the website, allowing users to switch between the two modes. The feature includes style adjustments for both modes to ensure consistent visual quality in both themes.

Related Issues

• Closes ✨[feature Request]: Dark Mode/ Light Mode Toggle #65

Changes Made

• Implemented Dark mode/Light mode toggle functionality using JavaScript.
• Added new CSS styles for Dark mode.
• Updated the existing Light mode styles to ensure compatibility with the toggle functionality.
• Added an icon/button for toggling modes that is visible on all pages.

Screenshots / videos (if applicable)

Home Page:

Light Mode:

Dark Mode:

About Page:

Light Mode:

Dark Mode:

Services Page:

Light Mode:

Dark Mode:

Contact Page:

Light Mode:

Dark Mode:

Cart Page:

Light Mode:

Dark Mode:

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

[github-actions]

Great job, @Poushmita! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	402070b
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/6702438f062ef500085e8580
😎 Deploy Preview	https://deploy-preview-229--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Poushmita]

@Anjaliavv51 Please check out my PR and let me know if any changes are needed.

[Anjaliavv51]

Look at the below pic , navbar is not updated.

[Anjaliavv51]

@Poushmita update the branch and also resolve the conflicts.

[Poushmita]

@Anjaliavv51 Changed the code for navbar and resolved the conflict. Please let me know if anything is needed.

Updated

[Anjaliavv51]

@Poushmita resolve conflicts and also place the dark mode button , where i have marked in the below image it should float in the webpage.

[Anjaliavv51]

@Poushmita this pr has to be made so many changes , and their are overlap with ur code , so i am closing the PR , and try to create another PR with perfect changes , u can ur changes in link below deploy link.

https://deploy-preview-229--rococo-mooncake-0d89f7.netlify.app/html-files/services

[Poushmita]

@Anjaliavv51 I think this conflict is occurring again and again due to the same branch. Please give me sometime, I am implementing the changes in a new branch and opening a PR request.