patternfly-elements
patternfly-elements copied to clipboard
[pfe-button][pfe-cta] contrast does not pass for secondary button on "saturated"
Description of the issue
The pfe-button component secondary button variant needs to be updated to provide greater contrast between the text and the background.
Steps to Reproduce
- https://patternflyelements.org/components/button/demo/
- Run this snippet:
document.querySelector("pfe-band:nth-of-type(2)").colorPalette = 'accent'; - Observe color contrast error. Currently, it looks like this:
- https://patternflyelements.org/components/cta/demo/
- Focus the
Secondary + wind variantexample onsaturatedanddarkestcards - Observe color contrast errors:
Impacted component(s)
- pfe-button
- pfe-cta
This is true for cta wind variant on accent when focused, as well https://github.com/patternfly/patternfly-elements/blob/7239cb491e85779622a486e7b8efe11d19ef5670/elements/pfe-cta/test/pfe-cta.spec.ts#L1017-L1019