Description
The pf-select and pf-option components are using Red Hat color tokens (--rh-color-*) instead of PatternFly v4 global color tokens.
Current Usage
Found in rg '\-\-rh-color-gray':
elements/pf-select/pf-select.css:8
--_pf-option-selected-background-color: var(--rh-color-gray-20, #e0e0e0);
elements/pf-select/pf-option.css:18
background-color: var(--_pf-option-selected-background-color, var(--rh-color-gray-20, #e0e0e0));
Expected
These should use PatternFly v4 global color tokens instead, provided they meet contrast requirements. For example, tokens like:
--pf-global--BackgroundColor--*--pf-global--palette--black-*
Impact
This affects the selected option background color in the select component.
Color Reference
Current fallback value: #e0e0e0 (light gray)
Description
The
pf-selectandpf-optioncomponents are using Red Hat color tokens (--rh-color-*) instead of PatternFly v4 global color tokens.Current Usage
Found in
rg '\-\-rh-color-gray':elements/pf-select/pf-select.css:8
elements/pf-select/pf-option.css:18
Expected
These should use PatternFly v4 global color tokens instead, provided they meet contrast requirements. For example, tokens like:
--pf-global--BackgroundColor--*--pf-global--palette--black-*Impact
This affects the selected option background color in the select component.
Color Reference
Current fallback value:
#e0e0e0(light gray)