4

Acrylic - VSCode Extension

 2 years ago
source link: https://blog.ixk.me/post/vscode-acrylic
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
VSCode Extension

Acrylic - VSCode Extension

2019-07-19 • Otstar Lin •
本文最后更新于 268 天前,文中所描述的信息可能已发生改变

为 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 ”

为什么不支持 MacOS?

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

为什么要制作这个插件?

Thinks

Render

Acrylic

b8336ce0 db93 4291 a002 9e11378f7109

BlurBehind

830c86e5 6257 464e a5fe 57d8ec407830

TransparentGradient

162def46 075d 44be a327 19814cb7948a
Acrylic - VSCode Extension
Otstar Lin
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK