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 347632 bef207d78f05f9b39923c40c69ecbde6b70dd80c
parent 347631 0c747cd335a77578aff1a1af0e1d363a7fd12e23
child 347633 c5d62f297f9a9559279f74f8ff0ee4ffe7885d73
push id6389
push userraliiev@mozilla.com
push dateMon, 19 Sep 2016 13:38:22 +0000
treeherdermozilla-beta@01d67bfe6c81 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
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;
           }
         }