使用插件一键启用 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) 主题

step-1

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 ~ 1

vscode_vibrancy.theme

毛玻璃主题样式

  • Default Dark
  • Dark (Only Subbar)

vscode_vibrancy.imports

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

如何卸载

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

“使用插件一键启用 Visual Studio Code 的毛玻璃效果”的9个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注