小白安全博客

小白记忆
专注网络安全

 配置透明发光的骚气 vscode

854231-203ae82f1544bf0f.png

1 安装自定义 JS 和 CSS 插件

插件截图

2 安装发光主题

插件截图

3 添加样式配置文件

在 VSCode 安装目录(自己随便选择一个文件夹也可以),放入以下文件。为了方便下载,文件整理到了 Github-Jinkeycode/vscode-transparent-glow,欢迎 star。

enable-electron-vibrancy.js开启 electron 透明支持

vscode-vibrancy-style.css这里使用 @孤狼 大佬提供的样式

synthwave84.css文字发光样式,样式请在 Github 获取。如果要不发光的,可以使用 synthwave84-noglow.css。可以 watch https://github.com/robb0wen/synthwave-vscode 保持更新通知。

toolbar.css引入以上大神的样式配置之后,左边导航栏有部分标题还是未透明状态,我自己修改了配置,引入即可。

4 修改 VSCode 配置文件

点击上图 在 setting.json 中编辑,打开后加入配置(不需要大括号,直接把 key-value 加入原有 json 即可):setting.json

5 重加载

按下 Ctrl + Shift + P,运行 "Reload Custom CSS and JS", 重启 vscode 即可。如果提示VSCode 已经损坏,选择右上角齿轮“不再提示”即可。

6 总结

成品效果如图

以上教程是基于 MacOS 的,Linux 用户如何开启透明请参考,Windows 的electron暂不支持vibrancy模式。


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏,请先点一下下面的付款方式

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

 您阅读这篇文章共花了:

打赏作者
版权所有,转载注明出处:小白安全博客-菜鸟安全博客-小白个人博客 » 配置透明发光的骚气 vscode»https://www.xiaobaibk.com/xiao-bai-381.html
标签: 分享

发表评论

表情

网友评论(0)