Skip to content

Improve text contrast for selected tool items [UI/UX] #6439

@abdulazees1111s

Description

@abdulazees1111s

Description

The text color of selected items in the Tools section has low contrast, making it difficult to read.

Current Behavior

When a tool item is selected, the background becomes dark gray while the text remains gray. This results in poor visibility and makes the text hard to read.

Expected Behavior

When a tool item is selected, the text color should change to a high-contrast color (e.g., white) so it remains clearly visible against the dark background.

Screenshots

Image

Proposed Approach (Optional)

Update the CSS for selected tool items to use a higher contrast text color (e.g., white) when the background is dark.

Environment

  • Operating System: Windows
  • Browser: Chrome
  • Version of Software/Project: Latest (running locally)

Checklist

  • I have read and followed the project's code of conduct.
  • I have searched for similar issues before creating this one.
  • I have provided enough information to understand the issue.
  • I am willing to contribute to the resolution of this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions