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 33687 b1d1536882ec74e6f43c29e692fb0911d7a08abe
parent 33686 1240ce035b2ee488d21950802bea30c5ba40f02d
child 33688 8869c51e099512a60f05bb0c033677470a460052
push id388
push userclokep@gmail.com
push dateMon, 28 Jan 2019 20:54:56 +0000
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. */