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 a=ritu
authorJared Wein <jwein@mozilla.com>
Sun, 07 Aug 2016 11:03:25 -0400
changeset 401865 bef207d78f05f9b39923c40c69ecbde6b70dd80c
parent 401864 0c747cd335a77578aff1a1af0e1d363a7fd12e23
child 401866 c5d62f297f9a9559279f74f8ff0ee4ffe7885d73
push id26584
push userbmo:jgilbert@mozilla.com
push dateWed, 17 Aug 2016 19:34:22 +0000
reviewersdao, ritu
bugs1172890
milestone50.0a2
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 a=ritu 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;
           }
         }