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

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

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

相关推荐

百度站长工具平台手动提交后数据反馈为"0"的原因与应对策略
百度站长工具平台为网站管理员提供了诸多优化工具,其中“手动提交”功能曾被视为加速网站内容被搜索引擎收录的有效手段。然而,近期不少网站管理员发现,百度站长工具平台的...
2024-11-22 站长之家
112

站长工具网:什么样的域名才有利于网站排名?
在网站建设和优化的过程中,域名作为网站的入口和身份标识,对于网站的排名和用户体验具有重要影响。那么,什么样的域名才有利于网站排名呢?本文站长工具网将从域名后缀、域名...
2024-11-20 站长之家
116

数据库设计工具(MySQL Workbench)使用图文教程
MySQL Workbench作为一款集成化的数据库设计管理工具,提供了丰富的功能,包括数据库建模、数据迁移、查询执行、备份恢复等。本文将以图文并茂的方式,为您提供一份详细的MyS...
2024-11-19 编程技术
142

复利计算器:在线快速计算复利终值和现值的实用工具!
在金融投资和个人理财中,理解复利的力量对于实现资产增值至关重要。在线复利计算器是一款便捷的在线工具,它能帮助用户快速计算复利终值和现值,为投资决策和财务规划提供重...
2024-11-18 新闻资讯
111

移动端调试工具(vConsole)使用详解
vConsole是一款功能强大的移动端调试工具,它提供了丰富的功能,如日志输出、网络请求监控、性能分析等,帮助开发者快速定位和解决应用中的问题。本文将详细介绍vConsole的使...
2024-11-15 编程技术
113

站长工具网:2025年SEO行业到底还有没有前途?
在探讨2025年SEO(搜索引擎优化)行业的前途时,我们需要综合考虑多个方面的因素,包括技术发展趋势、市场需求、用户体验、新兴技术的融合以及行业竞争态势等。本文站长工具网将...
2024-11-15 站长之家
123