爬虫代码已复制

在 VSCode 中模仿 Zed 的主题

留意 Zed 这个代码编辑器很久了,虽然性能确实如官方所说的很强悍,但在功能以及生态方面始终跟 VSCode 还有一段距离。

官方的迭代更新也很快,现在已经把连接服务器远程开发的功能发布出来了,我也尝试过使用 Zed 的远程开发功能连接过阿里云的服务器,只能说能用;代码运行调试的功能也发布了,感觉也只能说能用。

但在一些关乎工作效率的细节方面还差强人意,比如前端开发:HTML 的开发效率比起 VSCode 来还不够好。

Zed 的主题 One Dark

偏偏我又很喜欢 Zed 的 One Dark 主题,感觉看起来很舒服。既然现在还不好切换到 Zed ,就想着把它的主题搬到 VSCode 上面来。

经过多次尝试,终于达到了还算满意的效果。今天就把这个配置分享出来给大家参考。

选择 VSCode 主题

之前也尝试过 VSCode 的一些 Zed 主题插件,但效果差得有点远,就先放下了。直到最近趁着项目的间隙重新提上议程。

经过几次尝试,发现 Zed Editor Dark Theme 这个主题插件是比较贴合 Zed 的 One Dark 主题的,就安装并切换到了这个主题。

在 VSCode 安装这个主题之后,打开 Zed 做了个对比,区别还是很明显的,总感觉不是那个味道。仔细辨别了一下,发现字体不一样。最明显的是 Zed 的字体小写 r 字母左上角是有一个小尾巴的。

字体识别与安装

在网上搜索一番,发现了 Zed 自己做了一套字体,叫:Zed Mono。开源的,但免不免费我不知道。在自己电脑上用应该没问题,就下载下来安装了,并且把 VSCode 的字体设置成了 Zed Mono。

可惜的是,还是没有达到那个效果。

苦闷之际,无意中发现电脑自带的终端的字体与我当前 Zed 的字体很像,就去查看了一下,发现终端用的字体是 SF Mono。

问了一下 AI,SF Mono 是电脑自带的默认字体(我的是 macOS),而且 Zed 的字体设置那里也如 AI 的猜测一样,是空的。所以 Zed 就使用了 macOS 的默认字体。

于是在 VSCode 中也把字体改成了 SF Mono,发现并没有效果。在电脑的字体目录查找了一下,诡异的是字体目录并没有找到这款字体。

就搜索了一下 SF Mono,发现苹果官网提供了这个字体的安装包,可以直接下载下来安装。

安装好了之后重启了一下 VSCode,发现这时候 VSCode 的字体已经跟我当前电脑上的字体一模一样了。

VSCode 主题微调

因为即使是装了新主题,VSCode 跟 Zed 外观差别还是比较大的,就通过 settings.json 对一部分颜色进行了微调,总体相似度虽然还有很大差距,但暂还算满意。

//settions.json
"workbench.colorCustomizations": {
    "editor.background": "#2b2f36",
    //左侧边框
    "activityBar.background": "#2f343e",
},

最终效果图

Zed主题效果图