Bug 334578 - Make the gradient in the background of the prev/next buttons less strong to better integrate with dark themes. r=jaws
authorDão Gottwald <dao@mozilla.com>
Fri, 15 Jul 2016 12:20:55 +0200
changeset 388646 755425c1a68e9bdbaf828bf9c89f245aaddc49c0
parent 388645 c47d2ca42dff8772f2e86be895ff331346a37b6c
child 388647 270f0c316a083f579519a00cc94e5be63e2fbfab
push id23215
push userluca.greco@alcacoop.it
push dateSat, 16 Jul 2016 20:37:12 +0000
reviewersjaws
bugs334578
milestone50.0a1
Bug 334578 - Make the gradient in the background of the prev/next buttons less strong to better integrate with dark themes. r=jaws
toolkit/themes/linux/global/findBar.css
toolkit/themes/windows/global/findBar.css
--- a/toolkit/themes/linux/global/findBar.css
+++ b/toolkit/themes/linux/global/findBar.css
@@ -80,19 +80,18 @@ findbar[noanim] {
   border-width: 1px;
   border-radius: 3px;
 }
 
 .findbar-find-previous,
 .findbar-find-next {
   margin-inline-start: 0;
   -moz-appearance: none;
-  background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
+  background: linear-gradient(rgba(255,255,255,.8) 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.1));
   border: 1px solid ThreeDShadow;
-  box-shadow: 0 1px #fff inset;
   padding: 5px 9px;
   line-height: 1em;
 }
 
 .findbar-find-previous:focus,
 .findbar-find-next:focus {
   border-color: Highlight;
   box-shadow: 0 0 1px 0 Highlight inset;
--- a/toolkit/themes/windows/global/findBar.css
+++ b/toolkit/themes/windows/global/findBar.css
@@ -78,19 +78,18 @@ findbar[noanim] {
 }
 
 /* Buttons */
 
 .findbar-find-previous,
 .findbar-find-next {
   margin-inline-start: 0;
   -moz-appearance: none;
-  background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
+  background: linear-gradient(rgba(255,255,255,.8) 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.1));
   border: 1px solid ThreeDShadow;
-  box-shadow: 0 1px #fff inset;
   padding: 1px 5px;
   line-height: 1em;
 }
 
 .findbar-find-previous:not([disabled]):active,
 .findbar-find-next:not([disabled]):active {
   background: rgba(23,50,76,.2);
   box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;