Bug 1172890 - Reduce the opacity of the tab label in inactive windows to make background windows more obvious that they are not the foreground window. This matches closer to how Windows works, because when we draw our tabs in the titlebar then it makes sense to treat them similar to how titlebars of other apps work. For example, Windows Explorer has their titlebar content with less strength when in the background. r=dao draft
authorJared Wein <jwein@mozilla.com>
Sun, 07 Aug 2016 10:58:09 -0400
changeset 397617 6ca5f91a77eaa57ee4843adc12ea58544e9eccb0
parent 397616 e218a49b05e957b7e23c4573fa5c6907d8657d93
child 527497 1c94a8300308291ff906b565b7dd6e58b40c08a4
push id25344
push userjwein@mozilla.com
push dateSun, 07 Aug 2016 14:58:47 +0000
reviewersdao
bugs1172890
milestone51.0a1
Bug 1172890 - Reduce the opacity of the tab label in inactive windows to make background windows more obvious that they are not the foreground window. This matches closer to how Windows works, because when we draw our tabs in the titlebar then it makes sense to treat them similar to how titlebars of other apps work. For example, Windows Explorer has their titlebar content with less strength when in the background. r=dao MozReview-Commit-ID: AnsoRjq5Gxe
browser/themes/windows/browser-aero.css
--- a/browser/themes/windows/browser-aero.css
+++ b/browser/themes/windows/browser-aero.css
@@ -87,16 +87,22 @@
 
   @media not all and (-moz-os-version: windows-vista) {
     @media not all and (-moz-os-version: windows-win7) {
       @media not all and (-moz-os-version: windows-win8) {
         @media (-moz-windows-default-theme) {
           #main-window {
             background-color: hsl(0, 0%, 78%);
           }
+
+          :root[tabsintitlebar] .tab-label:-moz-window-inactive {
+            /* Calculated to match the opacity change of Windows Explorer
+               titlebar text change for inactive windows. */
+            opacity: .6;
+          }
         }
 
         @media not all and (-moz-windows-default-theme) {
           #main-window {
             background-color: transparent;
           }
         }