Skip to content

🐞 Icon Visibility Issue in Light Mode (Low Contrast / Not Visible) #48

@TusharSaini999

Description

@TusharSaini999

Description 🐞

Icons inside the cards (e.g., Stall Partner section) are not clearly visible in light mode. The icon color blends with the background, resulting in low contrast and poor visibility.

Steps To Reproduce 🔁

  1. Open the website
  2. Switch to Light Mode
  3. Navigate to the sponsorship/cards section
  4. Observe the icons inside the cards

Expected Behavior ✅

  • Icons should be clearly visible in light mode
  • Proper contrast between icon color and background
  • Icons should match the overall design theme while remaining accessible

Actual Behavior ❌

  • Icons are faint or almost invisible
  • Low contrast between icon and background
  • Poor visual accessibility and UI clarity

Screenshots / Logs 📷

Image

Environment 💻

  • OS: Windows 10
  • Browser: Chrome (v147)
  • Node version: (add your version)

Possible Fix 💡

  • Apply conditional styling for themes (light/dark)
  • Ensure accessibility contrast ratio (WCAG guidelines) is maintained

Metadata

Metadata

Labels

bugSomething isn't workingenhancementNew feature or requestgood first issueGood for newcomers

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions