Dark Mode Toggle Button improved

[Mayukh-Mandal2005]

Improved the Dark Mode toggle button and made it more attractive and appealing

Issue #497 : Light/Dark Mode Toggle button solved

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): ___________

Description

This pull request aims to improve the dark mode toggle button on the main website and make it more attractive than ever before with smooth transition effects and animations.

Screenshots

Before:

After:

Checklist

• 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.

Kindly add level tag, gssoc-ext, gssoc24 and hacktoberfest-accepted tag to this PR @swaraj-das sir.
Thank you for reviewing my pull request @swaraj-das sir!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2024 5:57pm

[github-actions]

Great job, @Mayukh-Mandal2005! 🎉 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 collect-your-gamingtools ready!

Name	Link
🔨 Latest commit	8fdee3a
🔍 Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/6712a16917e0c10008beba5f
😎 Deploy Preview	https://deploy-preview-539--collect-your-gamingtools.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.

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[Mayukh-Mandal2005]

Hey @swaraj-das sir
Please look into this PR and merge it kindly with appropriate labels required such as GSSOC-ext,gssoc24,hacktoberfest-accepted and a level label as well.

[swaraj-das]

@Mayukh-Mandal2005 Please check your code. I appreciate your work. But fix these.

[Mayukh-Mandal2005]

@swaraj-das sir
Sir I have made the necessary changes as asked by you.
The screenshots are as attached below -

Please see this PR and merge it and kindly also give a level label, gssoc-ext, gssoc24 and hacktoberfest-accepted labels @swaraj-das sir.

Thank You :)

[Mayukh-Mandal2005]

Hello @swaraj-das sir
Kindly state the reason for not merging the PR in the project and closing it without any action or comments.