casesandberg / react-color

:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
http://casesandberg.github.io/react-color/
MIT License
12.05k stars 922 forks source link

Chrome picker input field labels don't turn white when site is in dark mode #898

Open RexanWONG opened 8 months ago

RexanWONG commented 8 months ago

My site is set to dark mode. When using the Chrome Picker, it looks like this :

Screenshot 2024-03-29 at 11 18 52 PM

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 : Screenshot 2024-03-29 at 11 21 47 PM

Is there a way around it? Thanks!

Radhika-963 commented 7 months ago

@atfzl Can I look into this issue if no one is working on it?

zymalvin commented 3 months ago

Is there anyone who has a way to solve this problem?

notAkki commented 1 week ago

Try adding this to your globals.css: .chrome-picker input { background-color: white !important; color: black !important; border: 1px solid #ccc; }