Bug 1402414 - Port bug 1395651 to TB [Set the tab line color to #0a84ff (blue-50) when we control the tabs toolbar background color]. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Fri, 22 Sep 2017 20:06:30 +0200
changeset 29028 988c15280e481afa0df0281a4bb006a3d5955010
parent 29027 2a13941913ba2a27ed98f02e750595c75b705969
child 29029 2fd8773a88edfdb49aaf9f5532d8f35ca2f6f80f
push id2068
push userclokep@gmail.com
push dateMon, 13 Nov 2017 19:02:14 +0000
treeherdercomm-beta@9c7e7ce8672b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1402414, 1395651
Bug 1402414 - Port bug 1395651 to TB [Set the tab line color to #0a84ff (blue-50) when we control the tabs toolbar background color]. r=jorgk
mail/themes/linux/mail/messenger.css
mail/themes/osx/mail/messenger.css
mail/themes/shared/mail/tabmail.css
mail/themes/windows/mail/messenger.css
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -10,16 +10,17 @@
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --toolbarHighlight: rgba(255, 255, 255, .4);
 
   --tab-min-height: 30px;
   --tabs-border: rgba(0,0,0,.3);
+  --tab-line-color: highlight;
 
   --toolbar-non-lwt-bgcolor: -moz-dialog;
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
 
   --toolbarbutton-border-radius: 2px;
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -8,16 +8,17 @@
 
 @import url("chrome://global/skin/");
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --tab-min-height: 30px;
   --tabs-border: rgba(0,0,0,.3);
+  --tab-line-color: #0a84ff;
 
   --toolbar-non-lwt-bgcolor: #f9f9fa;
   --toolbar-non-lwt-textcolor: #0c0c0d;
   --toolbar-non-lwt-bgimage: none;
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
 
   --toolbarbutton-border-radius: 3px;
--- a/mail/themes/shared/mail/tabmail.css
+++ b/mail/themes/shared/mail/tabmail.css
@@ -1,14 +1,13 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 #tabs-toolbar {
-  --tab-line-color: highlight;
   --tab-toolbar-overlap: 1px;
 }
 
 #tabs-toolbar:-moz-lwtheme {
   --tab-line-color: var(--lwt-accent-color);
 }
 
 #tabs-toolbar {
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -8,16 +8,17 @@
 
 @import url("chrome://global/skin/");
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --tab-min-height: 30px;
   --tabs-border: threedshadow;
+  --tab-line-color: highlight;
 
   --toolbar-non-lwt-bgcolor: -moz-dialog;
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
   --toolbarbutton-border-radius: 2px;
   --toolbarbutton-hover-background: rgba(0, 0, 0, .1);
@@ -32,16 +33,17 @@
   --toolbarbutton-checkedhover-backgroundcolor: rgba(0, 0, 0, .2);
 
   --lwt-header-image: none;
 }
 
 @media (-moz-windows-default-theme) {
   :root {
     --tabs-border: rgba(0,0,0,.3);
+    --tab-line-color: #0a84ff;
 
     --toolbar-non-lwt-bgcolor: #f9f9fa;
     --toolbar-non-lwt-textcolor: #0c0c0d;
     --toolbar-non-lwt-bgimage: none;
   }
 }
 
 :root:-moz-lwtheme {