使用插件一键启用 Visual Studio Code 的毛玻璃效果

上一次 我介绍了使用 “Custom CSS and JS Loader” 插件为 MacOS 开启毛玻璃效果。现在我把它做成了插件，同时支持了 MacOS & Windows 平台。

链接: Github | Visual Studio Code Marketplace | issues

经过测试本插件支持

• Windows 7
• Windows 10
• MacOS

Windows 7 和 Windows 10 调用的是不同的 API，毛玻璃显示效果也不一样。其余版本的 Windows 系统因为没有对应 API，不支持本插件。

使用方法

1. 启用默认主题 Dark+ (default) 主题

2. 下载安装本插件 商城链接

3. 在 VSCode 中按下 F1 键，输入命令 “Reload Vibrancy”

4. 重启 VSCode

未来每次 VSCode 更新后需要重新运行 “Reload Vibrancy”。

VSCode 已损坏

本插件通过修改 VSCode 核心文件的方式运作，打开 VSCode 时可能会提示「Code 安装似乎损坏。请重新安装」。点击不再提示即可，不会影响使用。

设置

在 VSCode 中使用快捷键 Ctrl + , 打开设置界面，在左边找到 Extensions -> Vibrancy Effect 进行设置。

vscode_vibrancy.type (仅限 Windows)

Windows 系统中调用毛玻璃效果的底层接口。

• auto : 根据系统版本自动切换。
• dwm : (仅限 Windows 7) Windows Aero.
• acrylic : (仅限 Windows 10) Fluent Design.
• appearance-based, light, dark, titlebar, selection, menu, popover, sidebar, medium-light, ultra-dark: (仅限 MacOS)

vscode_vibrancy.opacity

毛玻璃效果的透明度

范围: 0.0 ~ 0.1

vscode_vibrancy.theme

毛玻璃主题样式

• Default Dark
• Dark (Only Subbar)

vscode_vibrancy.imports

自定义 CSS 或 JS 文件的路径。

如何卸载

在 VSCode 中按下 F1 键，输入命令 “Disable Vibrancy”。重启 VSCode 即可卸载。