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

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

编程.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
不图事事圆满 但图事事甘心。

相关推荐

老照片修复工具哪个好?5款AI驱动的老照片翻新软件对比测评
老照片承载着时光的记忆,但泛黄、折痕、模糊等问题常让回忆蒙尘。随着AI技术发展,一键修复老照片成为可能。本文ZHANID工具网精选5款主流AI修复工具,从修复效果、操作难度、...
2025-05-12 电脑知识
210

月更30篇爆文!头部账号都在用的这些自媒体选题工具你试了吗?
​在内容饱和的时代,如何持续产出爆款选题?自媒体头部账号的秘诀不是“灵感乍现”,而是用工具批量生产用户需求。本文ZHANID工具网拆解5类核心工具+3套实战策略,手把手教你...
2025-05-12 自媒体
203

为什么同类网站流量总比你高?老站长都偷偷在用这7个工具!
在竞争激烈的互联网江湖中,你是否曾疑惑:明明内容质量不相上下,为何同类网站的流量总是碾压你?答案或许藏在那些“老站长不愿公开分享”的效率工具中。本文站长工具网揭秘...
2025-05-12 站长之家
211

流氓软件如何彻底删除?这6款专业工具彻底清除无残留!
流氓软件如同“数字牛皮癣”,不仅频繁弹窗、篡改浏览器主页,甚至会窃取隐私数据。更令人头疼的是,它们往往通过静默安装、注册表隐藏等手段对抗常规卸载。本文ZHANID工具网...
2025-05-10 电脑知识
245

为什么你的AI工具总出废稿?这3个指令模板快收藏!
“AI生成的内容总是偏离需求”“文案像机器人写的,毫无感染力”“修改次数比自己写还多”……你是否也遇到过类似问题?AI工具并非“废稿制造机”,问题可能出在你的指令上。...
2025-05-10 自媒体
220

Git可视化管理工具(SourceTree)常见使用方法图文详解
本文将详细介绍一款广受欢迎的Git可视化管理工具——SourceTree。通过图文并茂的方式,我们将一步步解析SourceTree的常见使用方法,帮助开发者轻松掌握这一强大的工具,提升代...
2025-05-09 编程技术
225