Add focused pane marker

francisknight · Nov 1, 2018 · 66f9144 · 66f9144
1 parent a4d297c
commit 66f9144
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/one-dark-ui/styles/tabs.less b/packages/one-dark-ui/styles/tabs.less
@@ -213,7 +213,7 @@
 }
 
 
-// Active pane marker --------------
+// Active/focused pane marker --------------
 
 atom-pane-axis > atom-pane.active,
 atom-pane-container > atom-pane.pane {
@@ -226,6 +226,11 @@ atom-pane-container > atom-pane.pane {
     left: -1px; // cover left border
     bottom: 0;
     width: 2px;
+    background: mix(@text-color, @tab-background-color-editor, 33%);
+  }
+}
+.pane:focus-within {
+  .tab.active:before {
     background: @accent-color;
   }
 }

diff --git a/packages/one-light-ui/styles/tabs.less b/packages/one-light-ui/styles/tabs.less
@@ -213,7 +213,7 @@
 }
 
 
-// Active pane marker --------------
+// Active/focused pane marker --------------
 
 atom-pane-axis > atom-pane.active,
 atom-pane-container > atom-pane.pane {
@@ -226,6 +226,11 @@ atom-pane-container > atom-pane.pane {
     left: -1px; // cover left border
     bottom: 0;
     width: 2px;
+    background: mix(@text-color, @tab-background-color-editor, 33%);
+  }
+}
+.pane:focus-within {
+  .tab.active:before {
     background: @accent-color;
   }
 }