如何修改Visual Studio Code中JSON Editor的颜色以清晰显示节点名称？

问题描述 #

在VSCode中使用JSON Editor扩展处理JSON文件时，切换到JSON Editor视图后，所有深色主题下都无法清晰看到节点名称，仅浅色主题显示正常。

解决方法 #

自定义主题颜色配置 #

1. 打开VSCode设置（快捷键：Ctrl+, / Cmd+,）
2. 搜索框输入workbench.colorCustomizations，点击在settings.json中编辑
3. 添加对应深色主题的颜色配置，示例如下：

"workbench.colorCustomizations": {
    "[Dark Modern]": {
        "jsonEditor.nodeNameForeground": "#ffffff"
    }
}

• 把[Dark Modern]替换成你正在使用的深色主题名称
• #ffffff可以换成你觉得清晰的颜色值，比如#e5e5e5、#d4d4d4等

调整扩展内置设置 #

1. 打开VSCode扩展面板，找到JSON Editor扩展
2. 点击扩展卡片右上角的设置图标，进入扩展专属设置页
3. 查找名为Node Name Color的配置项，直接修改为深色背景下易识别的颜色

更换适配性更好的深色主题 #

如果上述方法无效，可尝试更换对第三方扩展兼容性更好的深色主题，比如One Dark Pro、Monokai、Dracula Official等，这些主题对扩展的颜色渲染通常更友好。

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