Bug 1409340 - Ensure light theme on Windows 7 gets dark hover state on tabs. r=dao, a=ritu
authorJohann Hofmann <jhofmann@mozilla.com>
Wed, 18 Oct 2017 15:19:13 +0200
changeset 432762 3a3c0ded951b68efef19d7ce6e83656b34d09011
parent 432761 e217d7311549c26c4b480df54ca105c41cec846d
child 432763 4b4ff6b8f353329e0f8573a0d75b84b704ca7077
push id8055
push userryanvm@gmail.com
push dateThu, 26 Oct 2017 13:36:49 +0000
treeherdermozilla-beta@44dfa8d7a234 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, ritu
bugs1409340
milestone57.0
Bug 1409340 - Ensure light theme on Windows 7 gets dark hover state on tabs. r=dao, a=ritu MozReview-Commit-ID: H1ki0EotjSq
browser/themes/windows/compacttheme.css
--- a/browser/themes/windows/compacttheme.css
+++ b/browser/themes/windows/compacttheme.css
@@ -41,16 +41,26 @@
     #TabsToolbar {
       color: hsl(240,9%,98%);
     }
 
     /* Keep showing the correct color inside the tabs. */
     .tabbrowser-tab {
       color: var(--chrome-color) !important;
     }
+
+    /* Because we're forcing the tabs toolbar to be [brighttext] to
+     * get white toolbar button icons, we need to manually set the
+     * correct color for the tab hover state for the light theme. */
+    .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme-darktext {
+      background-color: rgba(0,0,0,.1) !important;
+    }
+    .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]):-moz-lwtheme-darktext {
+      background-color: rgba(0,0,0,.2) !important;
+    }
   }
 }
 
 @media (-moz-windows-glass) {
   /* Set to full fill-opacity to improve visibility of toolbar buttons on aero glass. */
   #TabsToolbar {
     --toolbarbutton-icon-fill-opacity: 1;
   }