Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Carbon X] DatePicker color tokens applied with g90 and g100 themes have inaccessible color contrast

See original GitHub issue

Detailed description

A number of colors/tokens being applied to the DatePicker are not accessible when the g100 or g90 themes from @carbon/themes are used.

Here are some example screenshots…

g100 theme

Simple date picker

Range with min and max

g90 theme

Range

Issue Analytics

State:
Created 5 years ago
Comments:10 (9 by maintainers)

Top GitHub Comments

1reaction

aagonzalescommented, Feb 1, 2019

What the Duo file says the dark date picker should look like (ignore their field styles):

highlight is Blue 90 #021677

1reaction

aagonzalescommented, Feb 1, 2019

The underline for the fields should be $ui-04 which is Gray 60 #6F6F6F in the Gray 100 theme
All the icons should be using the token $icon-01
The day ranges are just hard coded and will have to be over ridden. It seems excessive to make a token just for that. Could be convinced otherwise though. Could maybe be like a $highlight token or something, could maybe be used elsewhere
The placeholder text in the fields should be using $text-03 which should be Gray 60 #6F6F6F in the G100 Theme