Bug 1297788 - Make urlbar autocomplete style match photon light/dark themes "Original patch by Kostas (rick3162@gmail.com)". r=jaws

MozReview-Commit-ID: IKnX5lLLj4L

--HG--
extra : amend_source : e95d4e5803f244bb87b93226ece0b86040dec8cd

browser/themes/shared/compacttheme.inc.css

@@ -18,6 +18,11 @@
   --toolbarbutton-icon-fill-opacity: .7;
 
   --tab-line-color: #0a84ff;
+
+  --urlbar-popup-background: var(--url-and-searchbar-background-color);
+  --urlbar-popup-color: var(--chrome-color);
+  --urlbar-popup-highlight-background: var(--chrome-selection-background-color);
+  --urlbar-popup-highlight-color: var(--chrome-selection-color);
 }
 
 :root:-moz-lwtheme-brighttext {

browser/themes/shared/urlbar-autocomplete.inc.css

@@ -4,12 +4,26 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 %endif
 
+:root {
+  --urlbar-popup-background: -moz-field;
+  --urlbar-popup-color: -moz-fieldtext;
+  --urlbar-popup-highlight-background: Highlight;
+  --urlbar-popup-highlight-color: HighlightText;
+}
+
 #treecolAutoCompleteImage {
   max-width: 36px;
 }
 
+#PopupAutoCompleteRichResult {
+  background: var(--urlbar-popup-background);
+  color: var(--urlbar-popup-color);
+}
+
 #PopupAutoCompleteRichResult .autocomplete-richlistbox {
   padding: 4px 3px;
+  background: transparent;
+  color: inherit;
 }
 
 #PopupAutoCompleteRichResult .autocomplete-richlistitem {
@@ -24,6 +38,15 @@
   border-inline-end: var(--item-padding-end) solid transparent;
 }
 
+#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
+  background: var(--urlbar-popup-highlight-background);
+  color: var(--urlbar-popup-highlight-color);
+}
+
 :root[uidensity=touch] #PopupAutoCompleteRichResult .autocomplete-richlistitem {
   min-height: 40px;
 }
+
+#PopupAutoCompleteRichResult .search-panel-input-value {
+  color: var(--urlbar-popup-color);
+}