Bug 1297788 - Dark compact theme should also apply to the location bar's drop-down list of suggested sites draft
authorKostas Lavdas <rick3162@gmail.com>
Wed, 01 Nov 2017 21:36:50 +0200
changeset 690251 5f2cd07d46e12260c201dd36d47b637fa5027a22
parent 689459 0a7ff6e19bcc229500d92597fac9340d9bdef959
child 738531 caf2ea2ca90461d2ec793ab484d6d64be908c7d9
push id87254
push userbmo:rick3162@gmail.com
push dateWed, 01 Nov 2017 19:37:44 +0000
bugs1297788
milestone58.0a1
Bug 1297788 - Dark compact theme should also apply to the location bar's drop-down list of suggested sites Tim Nguyen's suggestions; r?jaws MozReview-Commit-ID: 7eEZEKY9rqP
browser/themes/shared/compacttheme.inc.css
browser/themes/shared/urlbar-autocomplete.inc.css
--- a/browser/themes/shared/compacttheme.inc.css
+++ b/browser/themes/shared/compacttheme.inc.css
@@ -13,16 +13,21 @@
   --toolbar-gbimage: none;
   --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor);
   --toolbar-non-lwt-textcolor: var(--chrome-color);
   --toolbar-non-lwt-bgimage: none;
 
   --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 {
   /* Chrome */
   --chrome-background-color: hsl(240, 5%, 5%);
   --chrome-color: rgb(249, 249, 250);
   --chrome-secondary-background-color: hsl(240, 1%, 20%);
   --toolbox-border-bottom-color: hsla(240, 5%, 5%, .1);
--- a/browser/themes/shared/urlbar-autocomplete.inc.css
+++ b/browser/themes/shared/urlbar-autocomplete.inc.css
@@ -28,14 +28,25 @@
   min-height: 40px;
 }
 
 .autocomplete-richlistitem:hover,
 treechildren.searchbar-treebody::-moz-tree-row(hover) {
   background-color: var(--arrowpanel-dimmed);
 }
 
+:root {
+  --urlbar-popup-background: -moz-field;
+  --urlbar-popup-color: -moz-fieldtext;
+  --urlbar-popup-highlight-background: Highlight;
+  --urlbar-popup-highlight-color: HighlightText;
+}
+
 .autocomplete-richlistitem[selected],
 treechildren.searchbar-treebody::-moz-tree-row(selected) {
-  background-color: Highlight;
-  color: HighlightText;
+  background-color: var(--urlbar-popup-highlight-background);
+  color: var(--urlbar-popup-highlight-color);
 }
 
+.autocomplete-richlistbox {
+  background-color: var(--urlbar-popup-background);
+  color: var(--urlbar-popup-color);
+}
\ No newline at end of file