Bug 1465870 - Port bug 1459455 to TB: Allow changing the tab separator color. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Thu, 31 May 2018 19:13:12 +0200
changeset 29802 2463d996da66ca52cab5cf840fcf24569962ff52
parent 29801 5a9dcfa4e2985a426ea8b54dc3fd65b52ea4f2a5
child 29803 1940b43f2306a0aa1c5e45dd311256f359bcdb28
push idunknown
push userunknown
push dateunknown
reviewersjorgk
bugs1465870, 1459455
Bug 1465870 - Port bug 1459455 to TB: Allow changing the tab separator color. r=jorgk
mail/base/modules/ThemeVariableMap.jsm
mail/themes/shared/mail/tabmail.css
--- a/mail/base/modules/ThemeVariableMap.jsm
+++ b/mail/base/modules/ThemeVariableMap.jsm
@@ -20,16 +20,19 @@ const ThemeVariableMap = [
     lwtProperty: "tab_loading",
   }],
   ["--lwt-tab-text", {
     lwtProperty: "tab_text"
   }],
   ["--tab-line-color", {
     lwtProperty: "tab_line",
   }],
+  ["--lwt-background-tab-separator-color", {
+    lwtProperty: "tab_background_separator",
+  }],
   ["--toolbar-bgcolor", {
     lwtProperty: "toolbarColor"
   }],
   ["--toolbar-color", {
     lwtProperty: "toolbar_text"
   }],
   ["--lwt-toolbar-field-border-color", {
     lwtProperty: "toolbar_field_border"
--- a/mail/themes/shared/mail/tabmail.css
+++ b/mail/themes/shared/mail/tabmail.css
@@ -193,17 +193,17 @@
   .tab-throbber {
     list-style-image: url("chrome://global/skin/icons/loading@2x.png");
   }
 }
 
 /* Tab separators */
 .tabmail-tab::after,
 .tabmail-tab::before {
-  border-left: 1px solid;
+  border-left: 1px solid var(--lwt-background-tab-separator-color, currentColor);
   margin-top: 5px;
   margin-bottom: 4px;
   opacity: 0.3;
 }
 
 /* Move the ::before pseudo-element on tabs 1px to the left
  * to avoid resizing the tab when the pseudo-element is removed again
  * (this currently happens when a tab is opened or closed).