diff --git a/.changeset/fix-select-tokens.md b/.changeset/fix-select-tokens.md new file mode 100644 index 0000000000..ef06fda59d --- /dev/null +++ b/.changeset/fix-select-tokens.md @@ -0,0 +1,5 @@ +--- +"@patternfly/elements": patch +--- + +``: replaced Red Hat Design System color tokens with PatternFly v4 global tokens. diff --git a/elements/pf-select/pf-option.css b/elements/pf-select/pf-option.css index 2206aaab67..10dfe0da21 100644 --- a/elements/pf-select/pf-option.css +++ b/elements/pf-select/pf-option.css @@ -15,7 +15,7 @@ :host(:focus) #outer, :host(:hover) #outer, #outer.selected { - background-color: var(--_pf-option-selected-background-color, var(--rh-color-gray-20, #e0e0e0)); + background-color: var(--_pf-option-selected-background-color, var(--pf-global--BackgroundColor--200, #e0e0e0)); } #outer { diff --git a/elements/pf-select/pf-select.css b/elements/pf-select/pf-select.css index 27a383ecbd..4192cb7175 100644 --- a/elements/pf-select/pf-select.css +++ b/elements/pf-select/pf-select.css @@ -5,7 +5,7 @@ color: var(--pf-global--Color--100, #151515); --_pf-option-checkboxes-display: none; --_pf-option-svg-display: block; - --_pf-option-selected-background-color: var(--rh-color-gray-20, #e0e0e0); + --_pf-option-selected-background-color: var(--pf-global--BackgroundColor--200, #e0e0e0); /** Select toggle top padding */ --pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem); /** Select toggle right padding */