Bug 1505801 - Use --lwt-accent-color behind --toolbar-bgcolor in the find bar background. r=ntim

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

--HG--
extra : moz-landing-system : lando

browser/themes/linux/browser.css

@@ -451,6 +451,11 @@ notification[value="translation"] menulist > .menulist-dropmarker {
 .browserContainer > findbar {
   background-color: var(--toolbar-bgcolor);
   color: var(--toolbar-color);
+}
+
+.browserContainer > findbar:-moz-lwtheme {
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   text-shadow: none;
 }
 

browser/themes/osx/browser.css

@@ -566,8 +566,8 @@ html|input.urlbar-input {
 }
 
 .browserContainer > findbar:-moz-lwtheme {
-  background-color: var(--toolbar-bgcolor);
-  background-image: none;
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   color: var(--toolbar-color);
 }
 

browser/themes/windows/browser.css

@@ -665,6 +665,11 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
 .browserContainer > findbar {
   background-color: var(--toolbar-bgcolor);
   color: var(--toolbar-color);
+}
+
+.browserContainer > findbar:-moz-lwtheme {
+  background-color: var(--lwt-accent-color);
+  background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
   text-shadow: none;
 }