VSLook:一款超强大的 VS Code 主题编辑工具

奇妙的Linux世界 2024-01-22 14:37:34编程技术
87

编程.jpg

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

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

VSLook.gif

安装

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

VSLook2.jpg

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

VSLook3.jpg

使用

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

VSLook4.jpg

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

VSLook5.jpg

编辑界面会在 VS Code 右侧打开,可编辑的主题颜色有很多组件,包括 Components、Layouts、Editors、Syntaxes 等等,每个组件下面都包含非常多的可编辑的内容,比如文本颜色、链接颜色、按钮颜色等等,我们可以根据自己的喜好。

VSLook6.jpg

我们可以直接选择内置的颜色方案,也可以从颜色选择器创建颜色变量,它将与调色板合并。

VSLook7.jpg

但是该工具上手有点痛苦,因为要更改的设置太多了,不过该插件的开发人员已经实现了一个文档来指导你,地址 https://github.com/sudoaugustin/vslook/blob/main/.github/docs/styling.md ,根据该文档我们可以来了解每个配置选项控制的什么区域。

比如文本相关配置的地方如下图所示:Selection、Text、Quote、Link、Code、Error 等等。图片

   VSLook8.jpg

Git 仓库:https://github.com/sudoaugustin/vslook

vslook vs code 工具
THE END
tom
不图事事圆满 但图事事甘心。

相关推荐

在线px转rem工具:实现CSS单位转换的便捷助手
在线px转rem工具是一款专门用于将CSS代码中的px单位转换为rem单位的在线工具。用户只需在文本框中输入原始的CSS代码字符串,设置1rem对应的px大小,然后点击“px转rem”按钮,...
2025-01-15 新闻资讯
129

使用PIL在Python中创建图片裁剪工具的实现步骤
Python作为一种强大且易于学习的编程语言,提供了丰富的库来支持图像处理任务。其中,PIL(Python Imaging Library)是最受欢迎的库之一。本文将详细介绍如何使用PIL在Python中...
2025-01-14 编程技术
137

凯撒密码在线加密解密工具:探索经典加密技术的现代应用
在密码学的历史长河中,凯撒密码以其简单而巧妙的设计占据了一席之地。站长工具网提供的凯撒密码在线加密解密工具不仅让我们能够体验这一古老加密技术的魅力,还将其扩展到了...
2025-01-14 新闻资讯
120

Escape加密解密工具:保护字符串数据的实用选择
在Web开发和数据传输中,确保字符串数据的安全性和完整性是至关重要的。站长工具网提供的在线Escape加密解密工具是一款功能强大的在线工具,它可以帮助用户轻松实现字符串的E...
2025-01-12 新闻资讯
137

UTF-8编码转换器:在线轻松实现字符编码转换的实用工具
在现代网络应用和数据传输中,字符编码的正确处理至关重要。站长工具网提供的UTF-8编码转换器是一款功能强大的在线工具,它可以帮助用户轻松实现UTF-8编码与解码,将中文、日...
2025-01-10 新闻资讯
135

站长如何利用AI工具高效的分析网站数据
在当今数字化时代,网站分析对于站长来说至关重要。它不仅能够帮助站长深入了解网站的表现,还能指导优化策略,提升用户体验和搜索引擎排名。随着人工智能(AI)技术的飞速发展...
2025-01-10 站长之家
176