通过 editor.tokenColorCustomizations 可自定义 VS Code 语法高亮颜色,1. 在 settings.json 中设置 comments、strings、keywords 等字段修改对应 token 颜色;2. 利用“Inspect Editor Tokens and Scopes”查看 token 类型;3. 使用 textMateRules 针对特定语言调整;4. 建议微调部分元素以保持主题协调性,提升阅读舒适度。

想要让代码编辑器的语法高亮更贴合你的阅读习惯?editor.tokenColorCustomizations 是 VS Code 中非常实用的设置项,它让你无需更换主题,也能精细调整关键字、变量、函数等元素的颜色。
理解 token 的分类结构
VS Code 将代码内容按语义拆分为不同类型的 token,比如:
- 注释(comment)
- 字符串(string)
- 控制流关键字(if, for, while 等)
- 变量和参数
- 类型名和类名
这些 token 类型是颜色定制的基础。你可以通过开发者工具中的“Inspect Editor Tokens and Scopes”功能查看当前光标处的 token 类型。
在 settings.json 中自定义颜色
打开用户设置文件 settings.json,添加 editor.tokenColorCustomizations 字段:
"editor.tokenColorCustomizations": {
"comments": "#6C7890",
"strings": "#CE9178",
"keywords": "#C586C0",
"functions": "#D4BFD8",
"variables": "#9CDCFE"
}
这些字段会覆盖当前主题的默认颜色。如果你只想针对某种语言调整,可以使用 textMateRules 配合 scope selector 实现更精准控制。
结合主题保留整体风格
直接重写所有 token 颜色可能破坏主题协调性。建议只修改一两个让你阅读吃力的部分,比如把浅灰色注释改成更深一点的灰,提升可读性。保持整体色调统一,眼睛才不容易疲劳。
基本上就这些,微调比换主题更灵活,适合已经喜欢某个主题但想优化细节的人。不复杂但容易忽略。










