Bug 1459455 - Allow changing the tab separator color. r=jaws

MozReview-Commit-ID: 6DNHHTTw7ff
Brli · May 30, 2018 · 85489fb · 85489fb
1 parent 86aeb73
commit 85489fb
Show file tree

Hide file tree

Showing 7 changed files with 231 additions and 188 deletions.
diff --git a/browser/modules/ThemeVariableMap.jsm b/browser/modules/ThemeVariableMap.jsm
@@ -27,6 +27,9 @@ const ThemeVariableMap = [
     lwtProperty: "tab_line",
     optionalElementID: "tabbrowser-tabs"
   }],
+  ["--lwt-background-tab-separator-color", {
+    lwtProperty: "tab_background_separator",
+  }],
   ["--toolbar-bgcolor", {
     lwtProperty: "toolbarColor"
   }],

diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css
@@ -636,13 +636,13 @@
 /* Tab separators */
 
 .titlebar-placeholder[type="pre-tabs"] {
-  border-inline-end: 1px solid;
+  border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor);
   opacity: 0.2;
 }
 
 .tabbrowser-tab::after,
 .tabbrowser-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;