今天来安装一个骚气的 VS Code 主题

男娘i 2023-06-13 09:11 19阅读 0赞

最近一直在 VSCode 上刷 LeetCode 题目，写久了感觉界面有点沉闷，决定找一个酷炫的主题来醒目一下。

结果在 GitHub 上找到一个令人纸醉金迷的 VSCode 主题，GitHubDaily 还着重推荐过，微博上的留言纷纷表示这也太骚气了。

![v2-86c586bf13ff09fed7b44d217b0570bb\_b.jpg][v2-86c586bf13ff09fed7b44d217b0570bb_b.jpg]

这个主题是怎么样一个骚包的主题呢，请看！

![v2-06c1da0aa1f464f5955d6142f36729b8\_b.jpg][v2-06c1da0aa1f464f5955d6142f36729b8_b.jpg]

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

如果你觉得喜欢，可以按照下面的步骤进行安装。

### 安装 SynthWave '84 ###

### 1.在 VSCode 扩展商店中搜索“ SynthWave '84 ”，点击安装 ###

![v2-90f802389436c0d7f589694db4f9cf0e\_b.jpg][v2-90f802389436c0d7f589694db4f9cf0e_b.jpg]

### 2.点击“Code”-->“首选项”-->“颜色主题”-->“SynthWave '84” ###

![v2-0aa266b63e656e75092f7f4db84e77e2\_b.jpg][v2-0aa266b63e656e75092f7f4db84e77e2_b.jpg]

### 安装配置 ###

在 VSCode 扩展商店中搜索“Custom CSS and JS Loader”，这个插件用于加载自定义的 CSS 或 JS 文件，点击安装

![v2-80209f2073b63e0cf9a3ca81877018b6\_b.jpg][v2-80209f2073b63e0cf9a3ca81877018b6_b.jpg]

在 GitHub（[https://github.com/robb0wen/synthwave-vscode][https_github.com_robb0wen_synthwave-vscode]）下载 [synthwave84.css][] 或[synthwave84-noglow.css][synthwave84.css] 文件。

打开“Code”-->“首选项”-->“设置”-->“settings.json”

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

![v2-d37c2ced74e2e719ba5bbec9097aeb5e\_b.jpg][v2-d37c2ced74e2e719ba5bbec9097aeb5e_b.jpg]

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

这就完成了霓虹灯主题的安装，感兴趣的小伙伴可以按步骤安装去体验一下。

**我的专栏：**

[和程序员小吴一起学算法][Link 1]

**❤️ 看完三件事：**

如果你觉得这篇内容对你挺有启发，我想邀请你帮我三个忙：

1.  **点赞，**让更多的人也能看到这篇内容（**收藏不点赞，都是耍流氓 -\_-**）
2.  **关注我和专栏，**让我们成为长期关系
3.  **关注公众号「五分钟学算法」，**第一时间阅读最新的算法文章，公众号后台回复 1024 送你 50 本 算法编程书籍。

![v2-7d84a7f4361bd5f8d21b98b9edb0b1b4\_b.jpg][v2-7d84a7f4361bd5f8d21b98b9edb0b1b4_b.jpg]

[v2-86c586bf13ff09fed7b44d217b0570bb_b.jpg]: https://img-blog.csdnimg.cn/img_convert/69cf6b2af9b22bffbbad5f789031a028.png
[v2-06c1da0aa1f464f5955d6142f36729b8_b.jpg]: https://img-blog.csdnimg.cn/img_convert/5c5825b64a828f634f6c97fa0ceca9fc.png
[v2-90f802389436c0d7f589694db4f9cf0e_b.jpg]: https://img-blog.csdnimg.cn/img_convert/b970435f34c9070b3b12a622567fe523.png
[v2-0aa266b63e656e75092f7f4db84e77e2_b.jpg]: https://img-blog.csdnimg.cn/img_convert/d609f019a0295923f2bc0b09170a21bc.png
[v2-80209f2073b63e0cf9a3ca81877018b6_b.jpg]: https://img-blog.csdnimg.cn/img_convert/f1cf03118fae7c527d7800e3b409d351.png
[https_github.com_robb0wen_synthwave-vscode]: https://link.zhihu.com/?target=https%3A//github.com/robb0wen/synthwave-vscode
[synthwave84.css]: https://link.zhihu.com/?target=https%3A//link.juejin.im/%3Ftarget%3Dhttps%253A%252F%252Fgithub.com%252Frobb0wen%252Fsynthwave-vscode
[v2-d37c2ced74e2e719ba5bbec9097aeb5e_b.jpg]: https://img-blog.csdnimg.cn/img_convert/9283e5c133e6e324ec880547d729a4ea.png
[Link 1]: https://zhuanlan.zhihu.com/c_1039097450233057280
[v2-7d84a7f4361bd5f8d21b98b9edb0b1b4_b.jpg]: https://img-blog.csdnimg.cn/img_convert/cfb13222504ffb992caf217eb0c122a5.png