打造酷炫透明的 vscode 编辑器

最终效果：

毛玻璃

必要插件

首先安装vscode-custom-css[1]

样式配置

在一个不会移动的位置新建文件：

custom.css

custom.js

vscode 设置

在 vscode 的设置中添加：

这里注意 file 的地址要写成你上面两个文件的地址，如果是 macOS，形如 file:///Users/foo/Documents/foo/custom.css

vscode 命令

vscode 中执行命令：

附 更漂亮的 custom.css 样式

关键字高亮主题

必要插件

首先需要下载synthwave-vscode[2]

vscode 设置

安装上述主题后，在 setting.json 里面加

追加样式

在 custom.css 加

参考

•用户分享的修改版 CSS[3]•vscode issue[4]References

vscode-custom-css:https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

synthwave-vscode:https://github.com/robb0wen/synthwave-vscode

用户分享的修改版 CSS:https://gist.github.com/evolify/52a1271fadf641196a6142a88e43c5f6

vscode issue:https://github.com/Microsoft/vscode/issues/32257