Bug 1365275 - Fix location and search bar background color. r=dao
authorDale Harvey <dale@arandomurl.com>
Wed, 17 May 2017 14:18:06 +0100
changeset 358764 c9effeab30da85857956d7dd03e9b497ce358088
parent 358763 2fe44b09de7c427731190276a9d8f801602286cb
child 358765 42e8905a1df217195086e83bfc4cfb72e0bbd688
push id90378
push userdharvey@mozilla.com
push dateWed, 17 May 2017 13:18:48 +0000
treeherdermozilla-inbound@c9effeab30da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1365275
milestone55.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1365275 - Fix location and search bar background color. r=dao
browser/themes/linux/browser.css
browser/themes/shared/location-search-bar.inc.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -263,17 +263,17 @@ menuitem.bookmark-item {
 #close-button {
   list-style-image: url("chrome://global/skin/icons/Close.gif");
 }
 
 /* Location bar */
 #main-window {
   --urlbar-border-color: ThreeDShadow;
   --urlbar-border-color-hover: var(--urlbar-border-color);
-  --urlbar-background-color: moz-field;
+  --urlbar-background-color: -moz-field;
 }
 
 #navigator-toolbox:-moz-lwtheme {
   --urlbar-border-color: rgba(0,0,0,.3);
 }
 
 %ifdef MOZ_PHOTON_THEME
 
--- a/browser/themes/shared/location-search-bar.inc.css
+++ b/browser/themes/shared/location-search-bar.inc.css
@@ -9,19 +9,27 @@
   background-color: var(--urlbar-background-color);
   border: 1px solid var(--urlbar-border-color);
   border-radius: var(--toolbarbutton-border-radius);
   box-shadow: 0 1px 4px hsla(0, 0%, 0%, .05);
   padding: 0;
   margin: 0 2px;
 }
 
-#urlbar:-moz-lwtheme:not(:hover):not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not(:hover):not([focused="true"]) {
-  background-color: hsla(0, 100%, 100%, .8);
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+  background-color: hsla(0,0%,100%,.8);
+  color: black;
+}
+
+#urlbar:-moz-lwtheme:hover,
+#urlbar:-moz-lwtheme[focused="true"],
+.searchbar-textbox:-moz-lwtheme:hover,
+.searchbar-textbox:-moz-lwtheme[focused="true"] {
+  background-color: white;
 }
 
 #urlbar:hover,
 .searchbar-textbox:hover {
   border: 1px solid var(--urlbar-border-color-hover);
   box-shadow: 0 1px 6px hsla(0, 0%, 0%, .1), 0 0 1px 0 rgba(0, 0, 0, .1);
 }