我知道开发者一般都喜欢个性化一些东西,比如给他们的笔记本电脑、汽车、啤酒肚,甚至他们的孩子贴贴纸,因为我也是开发者~如果你也有这个爱好和长期使用VSCode,那么推荐你一个扩展——VSLook,它可以让你在VSCode中改变所有元素的颜色,我们可以使用VSLook来创建你自己的VSCode主题,你可以使用Tailwind和Materialcolors,或创建您自己的。安装直接进入VSCode插件市场Marketplace,地址:https://marketplace.visualstudio.com/items?itemName=sudoaugustin.vslook,安装VSLook插件即可。点击安装按钮,打开VSCode,跳转到插件安装页面,点击安装。安装完成后,可以直接点击页面上方的设置颜色主题按钮,选择VSLook的主题。选择后,如果想自己编辑主题,可以使用Ctrl+Shift+P键打开命令面板,输入VSLook:Edit回车进入主题编辑界面。编辑界面将在VSCode的右侧打开。可编辑的主题颜色有很多,包括Components、Layouts、Editors、Syntaxes等。每个组件都包含很多可编辑的内容,比如文本颜色和链接颜色、按钮颜色等,我们可以根据自己的喜好来设置。我们可以直接选择一个内置的配色方案,或者从颜色选择器中创建一个颜色变体,它将与调色板合并。但是这个工具上手有点痛苦,因为要更改的设置太多了,不过插件的开发者已经实现了一个文档来指导你,地址https://github.com/sudoaugustin/vslook/blob/main/.github/docs/styling.md,根据这个文档,我们可以了解到每个配置选项控制的是什么区域。例如文本相关的配置如下图所示:Selection,Text,Quote,Link,Code,Error等。Git仓库:https://github.com/sudoaugustin/vslook。
