Modified the dark mode slidebar

[arduvey29]

Pull Request Format

PR Title

Issue #255 : Improved CSS

Type of PR

• Add X in the box to specify the improvement type.
• [X] Bug fix
• [X] Feature enhancement

Description

Enhanced the toggle functionality for the dark mode sidebar. Added smooth slide-in/slide-out transitions. Updated the sidebar’s appearance to better align with the dark mode theme. Improved button interactions (e.g., close button, toggle button) for seamless usage.

Screenshots / Videos (if applicable)

Before:

After:

Checklist

• Add X in the box to specify.
• [X] I have performed a self-review of my code.
• [X] I have tested the changes thoroughly before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have commented my code, particularly in hard-to-understand areas.

Thank you for reviewing my pull request!

[vercel[bot]]

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 11, 2024 5:41pm

[netlify[bot]]

✅ Deploy Preview for collect-your-gamingtools ready!

Name	Link
🔨 Latest commit	2e0956051a1a0c92df95bab1552e5b2daed63d7a
🔍 Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/67096341f453b100084e741b
😎 Deploy Preview	https://deploy-preview-319--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.