Skip to content

Dark Mode Styling Inconsistencies on Homepage #169

@abhishekkalme

Description

@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.
Image

Metadata

Metadata

Assignees

Labels

area:UIRelated to UI/UX. For Frontend Developers.level 350 points
No fields configured for Feature.

Projects

Status
Done

Relationships

None yet

Development

No branches or pull requests

Issue actions