前言

最近GitHub上有个令人纸醉金迷的VSCode主题很火——SynthWave '84，看完了主题的介绍后尝试了一下，觉得这是我见过最美的VSCode主题，没有之一（承认我是视觉动物）。不知道大家是否也很挑剔于编辑器的主题，我是觉得一个自己喜欢的主题能够带来很享受的视觉体验，SynthWave '84 Theme也许是个很不错的选择。

作者设计这套配色方案的灵感来源于——复古（80年代）艺术作品（如FM-84，Timecop 1983和The Midnight），通过css实现，有发光版和不发光版。

下面是安装SynthWave '84主题的详细步骤：

安装SynthWave '84

步骤1

在VSCode扩展商店中搜索“SynthWave '84”，点击安装
然后点击“文件”-->“首选项”-->“颜色主题”-->“SynthWave '84”

步骤2

在VSCode扩展商店中搜索“Custom CSS and JS Loader”，这个插件用于加载自定义的CSS或JS文件，点击安装
下载synthwave84.css或synthwave84-noglow.css文件
打开“文件”-->“首选项”-->“设置”-->“settings.json”

//文件路径改为synthwave84.css文件所在路径
{
  "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/synthwave84.css"
  ]
}

打开命令面板（Ctrl + Shift + P 或 Shift + ⌘ + P），找到“Enable Custom CSS and JS”，启用Custom CSS and JS Loader插件，重启VSCode，完成安装

发光版

不发光版

注意

启用Custom CSS and JS Loader插件后会有一个文件损坏的警告，点击“不再显示”即可
如果觉得发光版的不好用，可以切换为不发光版，并重启VSCode

后记

如果本文对你有用，感谢点个赞吧~