阅读 9093

有个VSCode theme很火很美,容易让人沉迷代码

前言

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

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

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

安装SynthWave '84

步骤1

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

步骤2

  1. 在VSCode扩展商店中搜索“Custom CSS and JS Loader”,这个插件用于加载自定义的CSS或JS文件,点击安装
  2. 下载synthwave84.csssynthwave84-noglow.css文件
  3. 打开“文件”-->“首选项”-->“设置”-->“settings.json”
//文件路径改为synthwave84.css文件所在路径
{
  "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/synthwave84.css"
  ]
}
复制代码
  1. 打开命令面板(Ctrl + Shift + P 或 Shift + ⌘ + P),找到“Enable Custom CSS and JS”,启用Custom CSS and JS Loader插件,重启VSCode,完成安装

发光版

不发光版

注意

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

后记

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

关注下面的标签,发现更多相似文章
评论