primefaces / primereact-sass-theme

PrimeReact Theming with SASS
MIT License
36 stars 41 forks source link

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

Open YellowLime77 opened 3 months ago

YellowLime77 commented 3 months ago

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

Lerwox commented 1 week ago

I'd like to use this theme, is there anything planned to solve the problem?