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

  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。

发表评论

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