From bf9ed95c92302ab93bb8ae56b1216cf58af08cbd Mon Sep 17 00:00:00 2001 From: David Dossett Date: Wed, 20 Jul 2022 11:45:01 -0700 Subject: [PATCH 1/2] Show only one active & focused tab across editor groups in hc themes --- src/vs/workbench/browser/parts/editor/tabsTitleControl.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts index 386e13b2e0be6f..43a3f540e8324e 100644 --- a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts +++ b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts @@ -1910,12 +1910,13 @@ registerThemingParticipant((theme, collector) => { const activeContrastBorderColor = theme.getColor(activeContrastBorder); if (activeContrastBorderColor) { collector.addRule(` - .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active, - .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active:hover { + .monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active, + .monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.active:hover { outline: 1px solid; outline-offset: -5px; } + .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active, .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:hover { outline: 1px dashed; outline-offset: -5px; From 4c2841dbd5aba7533fb49ef8df8589ebc509b396 Mon Sep 17 00:00:00 2001 From: David Dossett Date: Wed, 20 Jul 2022 12:02:25 -0700 Subject: [PATCH 2/2] Use dotted line for active, dashed for hover --- src/vs/workbench/browser/parts/editor/tabsTitleControl.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts index 43a3f540e8324e..facf063df26097 100644 --- a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts +++ b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts @@ -1916,7 +1916,11 @@ registerThemingParticipant((theme, collector) => { outline-offset: -5px; } - .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active, + .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active { + outline: 1px dotted; + outline-offset: -5px; + } + .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab:hover { outline: 1px dashed; outline-offset: -5px;