使用插件一键启用 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 的毛玻璃效果”的46个回复

    1. 下载源代码,在c++代码里ACCENT_ENABLE_ACRYLIC改成ACCENT_ENABLE_BLURBEHIND重新编译替换原来的blur-cli.exe就不会延迟了,学废了吗?

  1. win10 1909
    vscode 1.41.1(system setup)
    扩展商店 Vibrancy1.0.8(预览版)
    vscode窗口拖拽延迟,希望能在下次更新后得到注视

  2. 之前用的好好的,现在不知道怎么了,怎么都不生效,重启也不生效,重新安装也没用。怎么解决啊

  3. 延迟和鼠标回报率有关,比如我的雷蛇游戏鼠标的话,就像是超级慢动作.

    然后issue里面的解决方案是… 让拖动的时候不显示窗口内容,但是这样看起来超级丑, 我最喜欢的就是把毛玻璃的东西拖来拖去.

    最有效的解决要等微软更新新系统修复这个问题,issue里面有人说20xx版本里面修复了.

  4. 完全没有毛玻璃效果……
    怎么破,您看看json:
    “`
    “vscode_vibrancy.opacity”: 0.5,
    “vscode_vibrancy.imports”: [
    “$theme-style$”
    ],
    “vscode_vibrancy.type”: “appearance-based”,
    “`
    //不支持markdown语法吗

    1. 谢谢您。我发现Reload VScode不会让透明生效。要Cmd+Q(Windows是……?)然后再启动才能生效。
      我的软件版本如下,供您参考:
      macOS Catalina 10.15.5 Public Beta 2;
      VScode Insiders 1.45.0。

  5. 建议ACCENT_ENABLE_ACRYLIC提供参数改成ACCENT_ENABLE_BLURBEHIND,这样win10最新版本就不会出现鼠标拖动窗口延迟

  6. 版本: 1.57.0 (user setup)
    Electron: 12.0.9
    Chrome: 89.0.4389.128
    Node.js: 14.16.0
    V8: 8.9.255.25-electron.0
    OS: Windows_NT x64 10.0.19043
    vibrancy 1.0.15
    无效, vscode1.56有效

kabobs进行回复 取消回复

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