Bug 1702613 - Search bar panel is not readable in High Contrast Mode. r=harry,desktop-theme-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D110669

browser/themes/shared/searchbar.inc.css

@@ -260,10 +260,10 @@
 
 .search-setting-button[selected] {
   background-color: var(--autocomplete-popup-highlight-background);
-  color: var(--autocomplete-popup-highlight-color);
+  color: var(--autocomplete-popup-highlight-color) !important;
 }
 .search-setting-button[selected]:hover {
-  color: var(--autocomplete-popup-highlight-color);
+  color: var(--autocomplete-popup-highlight-color) !important;
 }
 
 .search-setting-button-compact > .button-box > .button-icon {

browser/themes/shared/urlbarView.inc.css

@@ -817,13 +817,16 @@
 
 @media (-moz-proton-urlbar) {
 #PopupSearchAutoComplete {
-  background-color: var(--lwt-toolbar-field-focus);
   border: 1px solid var(--arrowpanel-border-color);
   /* Remove the top border since the panel is flush with the input. */
   border-top-width: 0;
   /* override autocomplete.css padding */
   padding: var(--panel-subview-body-padding) !important;
 }
+
+#PopupSearchAutoComplete:-moz-lwtheme {
+  background-color: var(--lwt-toolbar-field-focus);
+}
 } /*** END proton ***/
 
 #PopupSearchAutoComplete .autocomplete-richlistitem[selected] {