Skip to content

Issue : Light Theme: Poor Button Text Visibility Due to Low Color Contrast #229

Description

@bgr98git

Description

In the light theme, several buttons have insufficient text-to-background contrast, making the button labels difficult to read and reducing accessibility.This issue affects UI readability and user experience, particularly for users viewing the application in light mode.

Step to Reproduce

  • Open the application.
  • Switch to Light Theme.
  • Navigate to the Climate Risk Analysis section.
  • Observe the "Clear All", "Recent Searches", and "Clear History" buttons.

Current Behavior

  • "Clear All" button text blends with the button background.
  • "Recent Searches" and "Clear History" button labels appear faded and are hard to distinguish.
  • Overall button readability is reduced in the light theme.

Expected behavior

  • Button text should have sufficient contrast against the background.
  • All button labels should remain clearly visible and readable in both light and dark themes.
  • Accessibility standards should be considered.

Screenshots

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions