chore: Refactor theme toggle logic and update styles

[adityas-github]

Fixed Subscribe Button Hover Effect and Theme Style Update

Title: No Hover Effect on Subscribe Button and Theme Style Not Changing

Issue No. : #659

Code Stack: HTML, CSS, JS

Close #659

Description

This pull request resolves two bugs with the subscribe button on the website that were identified earlier. I've fixed both problems, including adding a hover effect to the subscribe button and ensuring that its style updates appropriately when toggling the theme of the page.

Video/Screenshots (mandatory)

video1.mp4

Type of PR

• Bug fix

Checklist:

• I have performed a self-review of my code.
• I have commented on my code, particularly in hard-to-understand areas.
• 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 gone through the contributing.md file before contributing

Are you contributing under any Open-source program?

Yes, it is GSSoC 2024

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	ba501f1
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/665de56367e9a200087310a2
😎 Deploy Preview	https://deploy-preview-718--taupe-cendol-f7e2bb.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 @adityas-github! Thank you for your valuable contribution! Our team will review it and get back to you soon.

[apu52]

@adityas-github good changes . Thanks for your valid contribution.