From 66f9144fbc3e25d6a5ebb230fa030aa6cb564323 Mon Sep 17 00:00:00 2001 From: simurai Date: Thu, 1 Nov 2018 18:06:11 +0900 Subject: [PATCH] Add focused pane marker --- packages/one-dark-ui/styles/tabs.less | 7 ++++++- packages/one-light-ui/styles/tabs.less | 7 ++++++- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/packages/one-dark-ui/styles/tabs.less b/packages/one-dark-ui/styles/tabs.less index be3c0990e..427c4fe37 100644 --- 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 index be3c0990e..427c4fe37 100644 --- 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; } }