vmware-archive / clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
http://clarity.design
MIT License
6.43k stars 763 forks source link

fix(input): updates input border color to align with core color #6651

Closed hippee-lee closed 2 years ago

hippee-lee commented 2 years ago

Signed-off-by: Matt Hippely mhippely@vmware.com

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce? This change updates the input border color to align with the same value used in core (hsl(198, 10%, 46%)). This improves the color contrast to appropriate level.

Before change

Screen Shot 2022-02-07 at 5 25 03 PM

After change

Screen Shot 2022-02-07 at 5 24 14 PM

Input used in

Screen Shot 2022-02-07 at 5 29 41 PM the datagrid string filter:

What is the current behavior?

Current input border colors do not have a high enough color contrast.

Issue Number: N/A

What is the new behavior?

Inputs now have an acceptable color contrast.

Does this PR introduce a breaking change?

Other information