为VSCode添加 Acrylic 或者其他效果

前言

前几个星期一张带毛玻璃效果的VSCode的图片进入了我的视线，后来搜索了相关的设置教程发现只有MacOS才能启用这种效果，作为一个折腾青年，后来通过使用了ewc，VSCode确实增加了 Acrylic 的效果，但是并不能使整个编辑器获得Acrylic（第一次尝试是使用和 GlassIt-VSC一样的方式，即通过JS调用Powershell为VSCode窗口增加效果），可能是CSS没有写好，也可能是该方法不适用，反正最后放弃了折腾。直到昨天看到了 vscode-vibrancy ，该扩展使用的是Acrylic效果，Acrylic效果虽然美观但是会出现拖动延迟的问题，而Blur效果和Acrylic相近并不会产生拖动延迟，于是便打算将 ewc （支持Acrylic和Blur等效果）通过 vscode-vibrancy 的方法加载进VSCode，于是便有了这个扩展。

支持的系统

Windows10 ✔

使用方式

1. 安装该插件 Visual Studio Code Marketplace
2. 切换到任何的暗色主题，因为Acrylic效果和Blur效果在亮色主题下表现不佳
3. 按F1键运行“Enable Acrylic ”
4. 重启VSCode

运行“Enable Acrylic”时VSCode应使用管理员权限运行

卸载方式

按F1键运行“Disable Acrylic ”

FAQs

为什么不支持MacOS？

vibrancy插件已经实现了MacOS下的vibrancy效果，没必要重复写插件，并且MacOS下的效果和Windows下的效果并不同。

为什么要制作这个插件？

请看前言

相关链接

• Visual Studio Code Marketplace
• Github
• Introduction

Thinks

• vscode-custom-css
• vscode-vibrancy
• ewc

Render

Acrylic

BlurBehind

TransparentGradient