Bug 1506233 - On Windows 10 with accent color applied to the titlebar, paint the background of the inactive tabs with the theme color. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Thu, 08 Nov 2018 21:29:03 +0100
changeset 32836 b1d1536882ec74e6f43c29e692fb0911d7a08abe
parent 32835 1240ce035b2ee488d21950802bea30c5ba40f02d
child 32837 8869c51e099512a60f05bb0c033677470a460052
push id2343
push userclokep@gmail.com
push dateMon, 10 Dec 2018 21:37:21 +0000
treeherdercomm-beta@a0750c375f71 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1506233
Bug 1506233 - On Windows 10 with accent color applied to the titlebar, paint the background of the inactive tabs with the theme color. r=jorgk
mail/themes/windows/mail/compacttheme.css
--- a/mail/themes/windows/mail/compacttheme.css
+++ b/mail/themes/windows/mail/compacttheme.css
@@ -2,17 +2,50 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 @import url("chrome://messenger/skin/shared/compacttheme.css");
 
 @media (-moz-windows-accent-color-in-titlebar) {
   :root[tabsintitlebar]:not(:-moz-window-inactive) {
     background-color: -moz-win-accentcolor;
+  }
+
+  :root[tabsintitlebar] .titlebar-button:not(:-moz-window-inactive) {
+    stroke: -moz-win-accentcolortext;
+  }
+
+  :root[tabsintitlebar] .tabmail-tab:not(:-moz-window-inactive) {
+    color: var(--lwt-text-color) !important;
+    background-color: var(--lwt-accent-color) !important;
+  }
+
+  :root[tabsintitlebar] .tabmail-tab:not(:-moz-window-inactive)::after,
+  :root[tabsintitlebar] .tabmail-tab:not(:-moz-window-inactive)::before {
+    border-image: none;
+    background-color: var(--lwt-accent-color);
+    border-color: rgba(24, 25, 26, .3);
+    opacity: 1;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  :root[tabsintitlebar] .tabmail-tab:not(:-moz-window-inactive):-moz-lwtheme-brighttext::after,
+  :root[tabsintitlebar] .tabmail-tab:not(:-moz-window-inactive):-moz-lwtheme-brighttext::before {
+    border-color: rgba(249, 249, 250, .3);
+  }
+
+  :root[tabsintitlebar] .tabmail-tab > .tab-stack > .tab-background {
+    border-top-style: none !important;
+  }
+
+  :root[tabsintitlebar] #tabbar-toolbar .toolbarbutton-1:not(:-moz-window-inactive) {
     color: -moz-win-accentcolortext;
+    fill: -moz-win-accentcolortext;
+    fill-opacity: .7;
   }
 }
 
 /* The window background is white due to no accentcolor in the lightweight
    theme. It can't be changed to transparent when there is no compositor
    (Win 7 in classic / basic theme), or else dragging and focus become
    broken. So instead just show the normal titlebar in that case, and override
    the window color as transparent when the compositor is available. */