Skip to content

UI/UX: Low Color Contrast on Action Buttons Reduces Visibility #111

@SaarthakSrivastava2101

Description

@SaarthakSrivastava2101

🖼️ Current UI/UX Behavior

The "Copy Result" and "Share" buttons currently use red-colored text and icons on a dark grey button background. This color combination results in poor contrast, making the text and icons difficult to read. This is an accessibility concern, as it can be particularly challenging for users with visual impairments.

✨ Suggested Improvement

Increase the contrast to improve readability and meet accessibility standards (like WCAG). A straightforward solution would be to change the text and icon color to a much lighter color, such as white or a light shade of grey, which would stand out clearly against the dark background.

For example, using a white color (#FFFFFF) for the text and icons would provide excellent contrast.

📎 Screenshots / Visual Aids

Image

🙌 Contributor Checklist

  • I agree to follow this project's Code of Conduct
  • I am a GSSOC'25 contributor
  • I want to work on this issue

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions