Skip to content

Adjust inactive titlebar opacity for improved visibility#296271

Merged
mrleemurray merged 1 commit into
mainfrom
mrleemurray/dizzy-coral-nightingale
Feb 19, 2026
Merged

Adjust inactive titlebar opacity for improved visibility#296271
mrleemurray merged 1 commit into
mainfrom
mrleemurray/dizzy-coral-nightingale

Conversation

@mrleemurray
Copy link
Copy Markdown
Contributor

Enhance the visibility of the inactive titlebar by adjusting its opacity. This change aims to provide a clearer distinction between active and inactive states. Testing can be done by observing the titlebar's appearance when inactive.

Copilot AI review requested due to automatic review settings February 19, 2026 11:59
@mrleemurray mrleemurray self-assigned this Feb 19, 2026
@vs-code-engineering
Copy link
Copy Markdown
Contributor

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@bpasero

Matched files:

  • src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR relocates the inactive titlebar opacity styling from a theme-specific file to the core workbench CSS. The change ensures that the inactive titlebar's reduced opacity (0.3) is consistently applied across all themes rather than being limited to the theme-2026 extension.

Changes:

  • Moved inactive titlebar opacity rule from theme extension to core workbench CSS
  • Removed theme-specific titlebar and tab styling rules that are no longer needed

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css Added the inactive titlebar opacity rule to apply 0.3 opacity to all child elements
extensions/theme-2026/themes/styles.css Removed theme-specific inactive titlebar styling and redundant tab styling rules

Comment thread src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css
@mrleemurray mrleemurray merged commit 48bbea1 into main Feb 19, 2026
24 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/dizzy-coral-nightingale branch February 19, 2026 12:15
@YaoweiZou
Copy link
Copy Markdown

YaoweiZou commented Mar 6, 2026

The modified inactive titlebar content is difficult to see, which affects the "titleBar.inactiveForeground" option for all themes. Could you consider reversing this change? Or could you provide some workarounds?

Dark Modern theme:

append

@vs-code-engineering vs-code-engineering Bot locked and limited conversation to collaborators Apr 5, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants