casesandberg / casesandberg/react-color
Chrome picker input field labels don't turn white when site is in dark mode
- Dominant language
- JavaScript
- Stars
- 12.3k
- Forks
- 920
- PR merge metrics
- No merged PRs in 30d
Description
My site is set to dark mode. When using the Chrome Picker, it looks like this :
On the hex input field, the label that states the hex code of the current color is blended into the background of the input field.
I tried setting the custom props in styles but saw that input or label wasn't something to edit :

Is there a way around it? Thanks!
Contributor guide
Research direction
Reproduce the Chrome Picker in a dark-mode site and inspect the picker’s input and label styling, including the custom props mentioned in the report. Done means the hex input label has sufficient contrast and remains readable in dark mode without breaking the picker’s existing appearance.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100