chore: pf-option selected background color variable added

Author: ArathyKumar

elements/pf-search-input/pf-search-input.css

@@ -372,4 +372,9 @@ div.visually-hidden {
   height: 0;
   padding: 0;
   visibility: hidden;
+}
+
+::slotted(pf-option[selected]) {
+	--_pf-option-svg-display: none;
+	--_pf-option-selected-background-color: var(--pf-global--BackgroundColor--100, #fff);
 }

elements/pf-select/pf-option.css

@@ -15,7 +15,7 @@
 :host(:focus) #outer,
 :host(:hover) #outer,
 #outer.selected {
-  background-color: #e0e0e0;
+  background-color: var(--_pf-option-selected-background-color, var(--rh-color-gray-20, #e0e0e0));
 }
 
 #outer {

elements/pf-select/pf-select.css

@@ -5,6 +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-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element, 0.375rem);
 	--pf-c-select__toggle--PaddingRight: var(--pf-global--spacer--sm, 0.5rem);
 	--pf-c-select__toggle--PaddingBottom: var(--pf-global--spacer--form-element, 0.375rem);