Bug 1537939 - Use a flat button hover/active button background on tabbar. r=mkmelin a=jorgk
authorRichard Marti <richard.marti@gmail.com>
Sat, 23 Mar 2019 22:49:05 +0100
changeset 33964 02a3b053ba8b
parent 33963 ff526625abe9
child 33965 6bbf829da9c1
push id2393
push usermozilla@jorgk.com
push dateMon, 25 Mar 2019 10:52:11 +0000
treeherdercomm-beta@009e7920f860 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmkmelin, jorgk
bugs1537939
Bug 1537939 - Use a flat button hover/active button background on tabbar. r=mkmelin a=jorgk
mail/themes/linux/mail/messenger.css
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -99,16 +99,30 @@ toolbar[brighttext] {
 
   --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4));
   --toolbarbutton-active-bordercolor: var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .7));
   --toolbarbutton-active-boxshadow: 0 0 0 1px var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4)) inset;
 
   --toolbarbutton-checkedhover-backgroundcolor: var(--lwt-toolbarbutton-hover-background, rgba(255, 255, 255, .5));
 }
 
+#tabs-toolbar {
+  --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(240,5%,5%,.1));
+  --toolbarbutton-hover-bordercolor: var(--lwt-toolbarbutton-hover-background, hsla(240,5%,5%,.1));
+  --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(240,5%,5%,.15));
+  --toolbarbutton-active-bordercolor: var(--lwt-toolbarbutton-active-background, hsla(240,5%,5%,.15));
+}
+
+#tabs-toolbar[brighttext] {
+  --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0,0%,70%,.4));
+  --toolbarbutton-hover-bordercolor: var(--lwt-toolbarbutton-hover-background, hsla(0,0%,70%,.4));
+  --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0,0%,70%,.6));
+  --toolbarbutton-active-bordercolor: var(--lwt-toolbarbutton-active-background, hsla(0,0%,70%,.6));
+}
+
 /* Hide the titlebar explicitly on versions of GTK+ where
  * it's rendered by window manager. */
 @media (-moz-gtk-csd-available: 0) {
   #titlebar {
     display: none;
   }
 }