[BUG] Light Theme Toggle Button Icon Not Visible

[pujaak]

Description

Description:
In the website's light theme, the toggle button appears as a plain white box with no visible icon unless hovered over. This is inconsistent with the dark mode toggle button, which displays the moon icon even when not hovered over. The absence of a visible icon in the light theme makes the toggle button look incomplete and less intuitive.

Steps to Reproduce:

1. Visit the website: [LeetCode Journal](https://leetcode-journal.vercel.app/).
2. Switch to the light theme using the toggle button.
3. Observe the toggle button in light mode.

Expected Behavior:
The toggle button in light theme should display a clear and visible icon (e.g., a sun icon) even when not hovered over, similar to the moon icon in dark mode.

Actual Behavior:
The toggle button in light theme appears as a plain white box with no visible icon unless hovered over.

Screenshots

Any additional information?

Please assign this issue to me. I would like to work on it.

What browser are you seeing the problem on?

Chrome

[github-actions]

👋 Hello @pujaak!

Thank you for raising an issue in the Leetcode Journal project!
Your issue has been logged, and the team will review it shortly.

Issue Handling Checklist:

• Make sure the issue includes clear steps to reproduce (if applicable).
• Provide relevant context, screenshots, or logs.
• Mention if this issue blocks any critical workflows.

Notifications:

• Project Admin: @yashksaini-coder
• Mentor: @ompharate

We'll get back to you soon. Stay tuned! 🚀

[yashksaini-coder]

@pujaak you are assigned and also, while you are at it, improve the toggle button so that it directly changes the theme, not opening a dropdown

[pujaak]

@yashksaini-coder I have removed the need of dropdown, now theme can be changed directly from the toggle button. However, regarding the visibility of the sun icon, when I revisited the website after you assigned me the issue, then the icon in light theme visible. I'm not sure what was the reason then, and what should I do now?

[yashksaini-coder]

@yashksaini-coder I have removed the need of dropdown, now theme can be changed directly from the toggle button. However, regarding the visibility of the sun icon, when I revisited the website after you assigned me the issue, then the icon in light theme visible. I'm not sure what was the reason then, and what should I do now?

Recreate the toggle button entirely with good UI style

[pujaak]

Done. I have created the pull request too.