2019年7月21日2019年9月7日由EYHN

使用插件一键启用 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个回复

火车说道：
2019年8月8日上午9:22
毛玻璃感觉不是很有用
回复
1. EYHN说道：
  2019年8月8日上午10:06
  有用是指 usefull 还是 usable？
  回复
kabobs说道：
2019年8月14日下午11:51
win10拖动的时候鼠标会延迟
回复
1. huhu说道：
  2020年12月14日上午10:38
  下载源代码，在c++代码里ACCENT_ENABLE_ACRYLIC改成ACCENT_ENABLE_BLURBEHIND重新编译替换原来的blur-cli.exe就不会延迟了，学废了吗？
  回复
围墙说道：
2019年8月15日下午8:03
范围: 0.0 ~ 1
回复
1. EYHN说道：
  2019年9月7日下午12:56
  谢谢提醒
  回复
孙说道：
2019年8月15日下午8:23
win10 下使用，编辑器窗口拖拽时卡顿的厉害
回复
1. Guangyao说道：
  2019年12月1日下午1:32
  拖动窗口延迟超级高，感觉在做慢动作
  回复
bhabgs说道：
2019年8月26日上午10:11
能让后面的模糊程度在低一点吗，感觉没有什么透视效果
回复
1. EYHN说道：
  2019年9月7日下午12:56
  可以调透明度的
  回复
偽電気白蘭说道：
2019年9月5日下午12:27
为什么我开了后在桌面是没有毛玻璃的，覆盖在其他窗口是有毛玻璃的
回复
LllBQ说道：
2019年11月2日下午9:09
透明度改成0，通透度效果还是不太好，请问要在源文件中哪改呀
回复
zhang说道：
2019年11月13日上午10:37
什么时候可以支持linux版本啊
回复
1. Void DreamZ说道：
  2020年7月12日上午9:26
  Linux可以参考
  https://zhuanlan.zhihu.com/p/150907578
  回复
ldf说道：
2019年11月13日下午5:13
windows10 全屏顶部有白线，拖动窗口有延迟
回复
咳咳咳说道：
2019年11月15日下午2:04
桌面是没有毛玻璃的，覆盖在其他窗口是有毛玻璃的
回复
咳咳咳说道：
2019年11月15日下午2:04
桌面没有毛玻璃效果 +1
回复
Clanrius说道：
2019年11月27日下午8:37
win10状态下拖动窗口延迟比较严重
回复
Hell.o说道：
2019年12月9日下午11:51
延迟是真的严重
回复
1. EYHN说道：
  2020年1月14日上午9:16
  https://github.com/EYHN/vscode-vibrancy/issues/5#issuecomment-546591977
  回复
wt95173说道：
2019年12月16日上午1:44
拖动有延迟，是不是有哪个地方改错了
回复
1. EYHN说道：
  2020年1月14日上午9:16
  https://github.com/EYHN/vscode-vibrancy/issues/5#issuecomment-546591977
  回复
马里奥说道：
2019年12月28日下午6:10
win10 1909
vscode 1.41.1(system setup)
扩展商店 Vibrancy1.0.8(预览版)
vscode窗口拖拽延迟，希望能在下次更新后得到注视
回复
1. EYHN说道：
  2020年1月14日上午9:14
  https://github.com/EYHN/vscode-vibrancy/issues/5#issuecomment-546591977
  回复
Z说道：
2019年12月30日下午4:59
温10 1903版本似乎改了亚克力，我用的很多软件开启亚克力后拖动窗口都非常卡，能否修复以下
回复
1. EYHN说道：
  2020年1月14日上午9:14
  https://github.com/EYHN/vscode-vibrancy/issues/5#issuecomment-546591977
  回复
菜鸡白说道：
2020年1月9日下午3:15
卸载是可以卸载，但是卸载了毛玻璃效果还在
回复
1. EYHN说道：
  2020年1月14日上午9:16
  https://github.com/EYHN/vscode-vibrancy#how-to-uninstall
  回复
schtonn说道：
2020年3月4日上午10:48
我感觉延迟不严重啊
回复
dangeryou说道：
2020年3月6日上午9:49
之前用的好好的，现在不知道怎么了，怎么都不生效，重启也不生效，重新安装也没用。怎么解决啊
回复
西红柿说道：
2020年3月7日下午8:28
大佬，我想问问dwmapi可以在win10用嘛，如果不能是怎样实现这个透明的
回复
shirmp pipi说道：
2020年4月21日上午11:31
延迟和鼠标回报率有关,比如我的雷蛇游戏鼠标的话,就像是超级慢动作.
然后issue里面的解决方案是… 让拖动的时候不显示窗口内容,但是这样看起来超级丑, 我最喜欢的就是把毛玻璃的东西拖来拖去.
最有效的解决要等微软更新新系统修复这个问题,issue里面有人说20xx版本里面修复了.
回复
Kaibin说道：
2020年5月4日上午11:02
完全没有毛玻璃效果……
怎么破，您看看json：
“`
“vscode_vibrancy.opacity”: 0.5,
“vscode_vibrancy.imports”: [
“$theme-style$”
],
“vscode_vibrancy.type”: “appearance-based”,
“`
//不支持markdown语法吗
回复
1. Kaibin说道：
  2020年5月4日上午11:07
  谢谢您。我发现Reload VScode不会让透明生效。要Cmd+Q（Windows是……？）然后再启动才能生效。
  我的软件版本如下，供您参考：
  macOS Catalina 10.15.5 Public Beta 2；
  VScode Insiders 1.45.0。
  回复
Radium说道：
2020年6月21日上午11:59
点击忽略后会显示 [\不再支持]\
有另一个解决方案是安装 “Fix VSCode Checksums”插件。
回复
小说道：
2020年7月19日下午3:47
win10 上移动窗口为什么那么卡，把这个修复好就好了
回复
OoDreamoO说道：
2020年8月20日下午1:35
为什么我的工作区（也就是写代码的地方）不生效，其他地方都生效。
回复
小龙说道：
2020年10月13日上午11:10
Mac上更改vscode_vibrancy.type有什么用呀，改了好像没有发生变化
回复
Boreas ben说道：
2020年11月16日上午11:15
为什么卸载效果还在
回复
huhu说道：
2020年12月14日上午10:16
建议ACCENT_ENABLE_ACRYLIC提供参数改成ACCENT_ENABLE_BLURBEHIND，这样win10最新版本就不会出现鼠标拖动窗口延迟
回复
yesir说道：
2020年12月28日上午10:13
可以把拖拽改成节流，而不是防抖吗？感觉是这个效果的原因
回复
ly说道：
2021年1月15日下午5:52
bigsur有圆角问题, 切换全屏然后再切换回来四周就会有突出的透明圆角
回复
imba97说道：
2021年1月16日下午2:26
太强了
回复
summer说道：
2021年4月14日下午7:50
大佬，全屏以后就不行了，怎么破
回复
球说道：
2021年6月11日下午8:58
版本: 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有效
回复
forson说道：
2021年6月24日下午4:42
Mac Pro 全屏的时候效果消失，只有非全屏的时候才有用
回复

发表评论取消回复