![51454c646f12ac3038fcdaa0d97ab40a.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-cef09d5e2a5bedecf02794a96cc50c03.png)
最近一直使用VSCode开发flutter项目,写久了感觉界面有点沉闷,想着找一个酷炫的主题来缓解下视觉疲劳。我是觉得一个自己喜欢的主题能够带来很享受的视觉体验,让编码更有乐趣!
![e74866d25d1767b8386c54c186f00d1b.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-c547d01fab076af72de9e19d0486abb5.png)
结果在 GitHub 上找到一个令人心驰的 VSCode 主题,很多人都表示这个主题没有使用过,这次就分享出来给大家也体验一下。
SynthWave '84 | 一个效果超赞的 vscode 霓虹色发光 主题
https://github.com/robb0wen/synthwave-vscode
![ee0c46107ac6ddb83cb1b43db4020939.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-2b860081476b0878719632eec4219775.png)
![b123943ce539ce294bfa0cb2f172c85d.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-ae2d4e8cf492c5583de083cc42807db3.png)
![c866fdd0cde5d31b52d3dd035bb01fdd.gif](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-f92750d98d5701f0a748d84511d29dc9.gif)
1、安装SynthWave '84
如果没有安装vscode的同学,先去官网下载安装
https://code.visualstudio.com/
![532fea09eb95d2ad8258cedf21fd3520.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-4ac3582ef9fbb8a3cceb2be4306cc9ac.png)
![734df036ffe1063d3879ce7655183087.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-ccd5da863af3d3fff1fa00ce07b8d4cb.png)
![fa527abe2bdee1bb09ed7c7f75645243.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-8d38e2d386575ddd5aedbb42cfb4ce9b.png)
![acf23937a0b890dad0df9f478167c6cd.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-4bee12574d00120cf87fa301fd2eecb2.png)
![1fd51a59741f2768163b120c9e37af1a.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-9ee8e112c0bfea58cb73c9adf8cdee0e.png)
注意:如果提示VSCode 已经损坏,选择右上角齿轮“不再提示”即可。
![c4d37f9b205472b38685fc96470c893e.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-2263244bf9b9ab3bcb447c215a627dab.png)
![c866fdd0cde5d31b52d3dd035bb01fdd.gif](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-f92750d98d5701f0a748d84511d29dc9.gif)
2、Glassit-VSC透明主题
Windows 的electron暂不支持vibrancy模式,可以使用 GlassIt-VSC插件 设置透明。
https://marketplace.visualstudio.com/items?itemName=s-nlf-fh.glassit
![72b40d7dc7f488a229b94b79d87c0a81.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-68472d3b4d625bbdc728ec1d780c9892.png)
![20944b8c5551fe03a957e3e4aa03479a.png](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-c41a771764655f058210fe14213fcca4.png)
如上图:更改1-255数字可以调整编辑器窗体透明度。
好了,感兴趣的小伙伴可以按步骤安装体验一下。
![e6d05d3985dc348f5e6c97a51870b8dd.gif](https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-6bdf08da6ba69ce3762bd6fd182ceb96.gif)