Dark Mode Styling Inconsistencies on Homepage

[abhishekkalme]

While using the website in Dark Mode, some sections (e.g., the hero section with "Level Up Skills with Recode Hive") retain light-themed backgrounds or text colors, causing readability issues and inconsistent UI/UX.

Expected Behavior:
When switching to dark mode, all sections — including the hero, buttons, and text — should adapt to the dark theme with proper contrast and color balancing.

Actual Behavior:

• Background of the hero section remains bright while text remains styled for dark mode.
• Some button hover/focus effects are inconsistent with dark styling.
• Text readability is affected due to color conflicts (e.g., light grey text on white background in dark mode).

Steps to Reproduce:

1. Open the Recode Hive homepage.
2. Toggle Dark Mode using the 🌙 button in the navbar.
3. Observe the hero section and primary buttons.

[github-actions]

🚀 Thanks for opening this issue! The team will review it shortly.

[github-actions]

👤 Issue assigned to @abhishekkalme.

[github-actions]

🏷️ Label area:UI has been added to this issue.

[github-actions]

🏷️ Label level 3 has been added to this issue.

[github-actions]

🏷️ Label gssoc25 has been added to this issue.

[sanjay-kv]

I assigned you this is a complicated task, so gave you level 3