原文链接
https://jinkey.ai/post/tech/ru-he-pei-zhi-tou-ming-fa-guang-de-sao-qi-vscode转载请说明出处
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 即可):
5 重加载
按下 Ctrl + Shift + P,运转 “Reload Custom CSS and JS”, 重启 vscode 即可。假如提醒VSCode 已破坏
,挑选右上角齿轮“不再提醒”即可。
6 总结
制品结果如图,不懂的能够加小助手微信 udujjb 拉你进群讯问
以上教程是基于 MacOS 的,Linux 用户怎样开启通明请参考,Windows 的electron暂不支撑vibrancy形式。
Custom CSS and JS Loader 设置
Linux 通明窗口