说实话，VS Code 的功能一直很强，但 UI 这些年也没少被吐槽。

尤其是各种弹窗，打开之后就是一整块不透明的背景，多少有点像在屏幕上贴了一张色块。

这次 VS Code 听取了很多网友的建议，终于给桌面端带来了 Frosted Glass（毛玻璃）效果。

简单说，就是让弹窗变成半透明、带模糊背景的磨砂玻璃。

这次不是只改一个命令面板，而是覆盖了很多常用界面：

• Command Palette：命令面板
• Context Menu：右键菜单
• Dropdown：下拉菜单
• Hover：鼠标悬浮提示
• Notifications：通知弹窗
• Dialog：自定义对话框

Editor 和 Agents 窗口都能使用这套视觉效果。

以前打开菜单，后面的内容基本被完全挡住；现在背景可以透过弹窗隐约显示出来，整个界面看起来更有层次感。

2. 如何开启？

打开 VS Code 设置，搜索 Frosted Glass。

也可以直接修改 settings.json：

{
  "workbench.modernUIFrostedGlass": true,
  "workbench.modernUIFrostedGlassOpacity": 80
}

两个配置分别控制：

• modernUIFrostedGlass：是否开启毛玻璃。
• modernUIFrostedGlassOpacity：控制背景不透明度，范围为 50～100。

默认开启，默认不透明度为 80%。

数值越低，背景越透明；数值越高，背景越实。

下面直接对比看看效果

左边是以前的效果是这样的，没有透明度可言，完全看不到弹出框后面的内容，右边是毛玻璃效果，可以音乐感觉到他按出口背后有些东西

这个新UI也适用于agents窗口

好看是一回事，好用又是另一回事。

如果用户开启了系统减少透明效果、高对比度主题，或者当前显卡和图形环境不支持相关能力，VS Code 就会自动回退到普通实色背景。

这样既能保证视觉体验，也不会为了追求效果影响文字阅读。

这次更新没有增加什么新功能，却让 VS Code 的桌面体验更现代了一些。

从命令面板到右键菜单，再到 Agents 窗口，越来越多地方开始使用统一的毛玻璃设计。

功能决定软件能做什么，UI 决定我们每天用它时是什么感觉。

现在很多桌面软件都在使用半透明、模糊背景和分层设计。

VS Code 也在逐渐向这种现代桌面 UI 风格靠拢。
这次 VS Code，算是把颜值也往前推了一步。