使用 VSLook 自定义 VS Code 主题

开发 开发工具
我给你推荐一个扩展 - VSLook,它允许你更改 VS Code 中所有元素的颜色,我们可以使用 VSLook 来创建自己的 VS Code 主题,你可以使用 Tailwind 和 Material 颜色,也可以创建自己的颜色。

我知道,一般来说,开发人员喜欢个性化的东西,比如把贴纸贴在他们的笔记本电脑上、汽车上、啤酒肚上,甚至是他们的孩子身上,因为我也是开发人员啊~

如果你也有这种爱好,并且也长时间使用 VS Code 的话,那么我给你推荐一个扩展 - VSLook,它允许你更改 VS Code 中所有元素的颜色,我们可以使用 VSLook 来创建自己的 VS Code 主题,你可以使用 Tailwind 和 Material 颜色,也可以创建自己的颜色。

图片

安装

直接前往 VS Code 插件市场 Marketplace,地址:https://marketplace.visualstudio.com/items?itemName=sudoaugustin.vslook,安装 VSLook 插件即可。

图片

点击 Install 按钮打开 VS Code,跳转到插件安装页面,点击安装即可。

图片

使用

安装后可以直接点击页面上面的 Set Color Theme 按钮选择 VSLook 的主题。

图片

选择后如果要自己编辑主题,则可以使用 Ctrl+Shift+P 按钮打开命面板,输入 VSLook: Edit 回车进入主题编辑界面。

图片

编辑界面会在 VS Code 右侧打开,可编辑的主题颜色有很多组件,包括 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。

责任编辑:姜华 来源: Github爱好者
相关推荐

2022-09-30 13:09:32

VSLookVS Code工具

2021-01-21 07:35:40

JenkinsUICSS

2020-09-07 09:54:01

GNOME桌面主题桌面应用

2019-12-25 11:47:27

LinuxFVWM

2010-10-25 16:05:07

oracle自定义函数

2009-06-23 11:35:44

JSF的Naviati

2022-01-14 09:17:13

PythonAPISIX插件

2015-02-12 15:33:43

微信SDK

2021-05-28 08:58:41

Golang网卡metrics

2015-02-12 15:38:26

微信SDK

2020-12-13 08:43:37

微软Edge浏览器

2021-10-28 08:39:22

Node Export自定义 监控

2015-06-10 10:54:24

自定义路PHP

2021-12-24 15:46:23

鸿蒙HarmonyOS应用

2009-02-10 12:55:39

自定义控件AJAX.NET

2016-12-26 15:25:59

Android自定义View

2023-06-28 08:05:46

场景vue3自定义

2018-10-10 14:21:06

Python 工具程序员

2022-12-07 07:48:36

WebStorm自定义TouchBar

2021-07-15 16:41:21

Swift查询函数
点赞
收藏

51CTO技术栈公众号