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.
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.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
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.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
