primereact-sass-theme icon indicating copy to clipboard operation
primereact-sass-theme copied to clipboard

Theme lara-light-teal: Highlight color is same as text color, causing readability issues

Open YellowLime77 opened this issue 6 months ago • 0 comments

Description

With the lara-light-teal theme, the background highlight and text highlight colors are the same. This causes text of a highlighted component to be unreadable. Many input components using highlighted colors (Dropdown, Paginator, etc.) are affected.

As far as I know, the issue only applies to this specific theme (lara-light-teal).

#69 is a subset of this issue

Visuals

Dropdown example (from https://primereact.org/dropdown/#basic)

image

Paginator example (from https://primereact.org/paginator/#basic)

image

Expected behavior

The highlight background color should be lighter. As a reference, here are visuals for the same components, but with the Lara Light Blue theme:

Dropdown:

image

Paginator:

image

YellowLime77 avatar Aug 08 '24 23:08 YellowLime77