VSCode如何修改指定语法颜色，不影响Abyss主题其余配置？

操作方法 #

需求1：仅修改单个/少量语法token颜色 #

• 打开VSCode命令面板：Windows/Linux按Ctrl + Shift + P，Mac按Cmd + Shift + P
• 输入并选择Developer: Inspect Editor Tokens and Scopes，此时鼠标点击编辑器里你要调整颜色的代码片段，弹窗会显示该语法对应的scope值，复制这个值
• 再次打开命令面板，输入并选择Preferences: Open Settings (JSON)，在配置文件中加入如下内容：

"editor.tokenColorCustomizations": {
    "[Abyss]": { // 代表仅对Abyss主题生效，不影响其他主题
        "textMateRules": [
            {
                "scope": "刚才复制的scope值",
                "settings": {
                    "foreground": "#你想要的颜色代码",
                    // 可选配置："fontStyle": "bold/italic/underline"
                }
            }
        ]
    }
}

• 保存配置后立即生效，不需要重启VSCode。

需求2：仅替换语法颜色为GitHub Dark Default，保留Abyss的UI样式 #

• 先临时切换当前主题为GitHub Dark Default：命令面板输入Preferences: Color Theme，选择GitHub Dark Default
• 打开命令面板，输入并选择Developer: Generate Color Theme From Current Settings，系统会自动生成当前主题的完整配置JSON文件
• 在生成的配置文件中，找到tokenColors字段对应的整段数组内容，全部复制
• 切回Abyss主题：再次打开主题选择面板，选中Abyss
• 打开用户设置JSON（命令面板输入Preferences: Open Settings (JSON)），添加如下配置：

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "tokenColors": 这里粘贴你刚才复制的GitHub Dark Default的tokenColors数组内容
    }
}

• 保存配置后，编辑器语法颜色就会变成GitHub Dark Default的样式，侧边栏、标题栏等UI部分仍然保留Abyss的配置。

内容的提问来源于stack exchange，提问作者Darkstar Dream