Skip to content

Improve Text Visibility in How it work section in Dark Mode #398

@AayushiVadboode

Description

@AayushiVadboode

🐞 Bug Description

Currently, when dark mode is enabled, some text in How it works section has very low contrast with the background. This makes the text difficult to read and may cause eye strain for users.

📋 Steps to Reproduce

  1. Go to the homepage.
  2. Enable dark mode using the toggle button.
  3. Scroll to the “Get Started in 3 Simple Steps” section.
  4. Observe that the text is barely visible.

🎯 Expected Behavior

  1. All text should have sufficient contrast in dark mode.
  2. Headings and body text should adapt properly using Tailwind’s dark:text-* classes.

📸 Screenshots

Image

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions