Bug 1409340 - Ensure light theme on Windows 7 gets dark hover state on tabs. r=dao draft
authorJohann Hofmann <jhofmann@mozilla.com>
Wed, 18 Oct 2017 15:19:13 +0200
changeset 683233 bae2d73daeba723b147fb706dd27440ef526fdf5
parent 683181 87e3813e79396f88e63fc6cfd7f07c3dbb415195
child 736571 eb77125cea2c6dff031c404772324a9310e8d239
push id85296
push userbmo:jhofmann@mozilla.com
push dateThu, 19 Oct 2017 11:52:54 +0000
reviewersdao
bugs1409340
milestone58.0a1
Bug 1409340 - Ensure light theme on Windows 7 gets dark hover state on tabs. r=dao 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;
   }