fix: toggle button background in light mode

[AlimurtuzaCodes]

PR

Issue Number: #30

Fixed background color to green in light mode of toggle button.

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @PriyansuMaurya on Vercel.

@PriyansuMaurya first needs to authorize it.

[github-actions]

Great job, @CYBWEBALI! 🎉 Thank you for submitting your first pull request. Your contribution is extremely valuable, and we are grateful for your dedication to improving our project. We recognize your hard work and commitment. Keep up the excellent job!

We will promptly review your changes and provide helpful feedback. Please remember to review our contributing guidelines. Thank you again for your contributions!

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
aifusion	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 22, 2023 11:08am

[PriyansuMaurya]

Current:

Your changes:

If you look closely, your changes do not seem to be consistent with the overall UI.

I have checked all the available options.

But I think old one is very consistent with the UI. So, I would say go with the old one and keep the size to 30

[Ameya02]

@CYBWEBALI please make the changes given by @PriyansuMaurya and update the PR

[AlimurtuzaCodes]

Hence there are no changes you can close this pr

[rajkaranm]

Hey Thanks for contribution but this issue can be solved by just adding

className="text-[color:var(--primary-color)]"

To Navbar component in line 22, this line add class of color to --primary-color which green by tailwind. Hope you understood and just change color don't change fontSize of the icon.

[AlimurtuzaCodes]

Hey Thanks for contribution but this issue can be solved by just adding

className="text-[color:var(--primary-color)]"

To Navbar component in line 22, this line add class of color to --primary-color which green by tailwind. Hope you understood and just change color don't change fontSize of the icon.

Current Output after adding this line:

Expected Ouput:

[PriyansuMaurya]

Hence, there are no changes. You can close this PR.

Thanks for your patience, @CYBWEBALI.

I just checked myself, and now I understand that this problem cannot be solved with the current icon, BsToggleOff.

Check out this repository, I think it could solve this issue: https://github.com/clari/react-ios-switch.

[AlimurtuzaCodes]

I just did a small fix,I just rotated the BsToggleOn and I have achieved what we wanted.

If it is Ok then I will create New PR for this

[PriyansuMaurya]

Great! Create a new PR.

[AlimurtuzaCodes]

Updated This PR Only.

[Ameya02]

LTGM

[PriyansuMaurya]

@CYBWEBALI , You nailed this pull request! Keep up the good work.