Skip to content

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

Open

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

Activity

  1. SaarthakSrivastava2101 commented on Oct 17, 2025

    @SaarthakSrivastava2101
    Author

    @Deepika14145 The issue have be fixed automatically i haven't worked on it neither anyone else so how is it fixed automatically?

  2. Deepika14145 commented on Oct 18, 2025

    @Deepika14145
    Owner

    Someone would have fixed the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions