VS Code 1.141 Adds Frosted Glass to Popovers: Config & Performance Impact

VS Code 1.141 introduces a native frosted glass effect for popover layers like menus and command palette, configurable via modernUIFrostedGlassOpacity, replacing third-party workarounds with built-in support that respects high-contrast themes and includes a toggle for performance issues on Electron.

JavaScript
JavaScript
JavaScript
VS Code 1.141 Adds Frosted Glass to Popovers: Config & Performance Impact

Where Frosted Glass Applies

The effect targets menus, the command palette, and other popover layers — right-click menus, quick file switcher, settings search — letting editor content show through. Window borders, sidebars, and terminal backgrounds remain unchanged.

Configuration

Transparency is controlled by modernUIFrostedGlassOpacity; lower values increase transparency, higher values approach solid color. No default or recommended value is documented. The feature is gated behind experimental flags:

{
  "workbench.experimental.modernUI": true,
  // Disabling modernUIFrostedGlass reverts popovers to solid color
  "workbench.modernUIFrostedGlass": true,
  "workbench.modernUIFrostedGlassOpacity": 0.6
}

Community History

Frosted glass is not a new idea; third-party solutions existed but required patching, config tweaks, launch arguments, and constant re-adaptation to VS Code updates.

Official Integration Benefits

Microsoft's native implementation follows system and VS Code preferences, automatically falls back to solid colors in high-contrast themes, and provides a simple off switch — more reliable for a tool used 10+ hours daily than community plugins.

Performance Caveat

The release notes warn: if display or performance issues arise, disable the toggle. Frosted glass in Electron is not zero-cost; each popover appearance, movement, or dismissal triggers a background blur recomposition. This overhead does not appear in benchmarks but shows up as higher fan speeds and reduced battery life.

VS Code's UI continues to converge with operating system visual language, at the cost of the editor behaving more like a browser.

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

performanceUIElectronconfigurationdeveloper toolsVS Codefrosted glass1.141
JavaScript
Written by

JavaScript

Provides JavaScript enthusiasts with tutorials and experience sharing on web front‑end technologies, including JavaScript, Node.js, Deno, Vue.js, React, Angular, HTML5, CSS3, and more.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.