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

前言 最近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

作者:一灯 链接:https://juejin.cn/post/6844903837803757581 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

来自:西西有饭