From 81eb77839af8e324cc99ddb46ffe875f6b80e531 Mon Sep 17 00:00:00 2001 From: Daniel Imms <2193314+Tyriar@users.noreply.github.com> Date: Tue, 1 Aug 2023 12:26:20 -0700 Subject: [PATCH] Also fade terminal tabs when not focused Part of #30522 See #189248 --- .../browser/unfocusedViewDimmingContribution.ts | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/vs/workbench/contrib/accessibility/browser/unfocusedViewDimmingContribution.ts b/src/vs/workbench/contrib/accessibility/browser/unfocusedViewDimmingContribution.ts index ef3d4df7299..f90a4d6dd6f 100644 --- a/src/vs/workbench/contrib/accessibility/browser/unfocusedViewDimmingContribution.ts +++ b/src/vs/workbench/contrib/accessibility/browser/unfocusedViewDimmingContribution.ts @@ -34,9 +34,15 @@ export class UnfocusedViewDimmingContribution extends Disposable implements IWor opacity = clamp(opacityConfig, 0.2, 1); } + const filterRule = `filter: opacity(${opacity});`; const rules = new Set(); - rules.add(`.monaco-workbench .terminal.xterm:not(.focus) { filter: opacity(${opacity}); }`); - rules.add(`.monaco-workbench .editor-instance .monaco-editor:not(.focused) { filter: opacity(${opacity}); }`); + + // Terminal tabs + rules.add(`.monaco-workbench .pane-body.integrated-terminal:not(:focus-within) .tabs-container { ${filterRule} }`); + // Terminals + rules.add(`.monaco-workbench .pane-body.integrated-terminal .xterm:not(.focus) { ${filterRule} }`); + // Editors + rules.add(`.monaco-workbench .editor-instance .monaco-editor:not(.focused) { ${filterRule} }`); elStyle.textContent = [...rules].join('\n'); }));