调试栏颜色由 workbench.colorCustomizations 中的 panel.background、list.activeSelectionBackground 等通用 token 控制，而非 debug.* 独立配置；需注意工作区设置覆盖、主题冲突及 window.titleBarStyle 影响。
调试栏颜色为什么改不了 debug.* 设置？
VS Code 没有 debugView.background、debugVariables.foreground 这类配置项——所有调试面板（变量、监视、调用堆栈、断点）的颜色都复用通用工作台 token，不是独立控制的。搜 debug.* 相关设置只会浪费时间，官方文档里也找不到这些 key。
哪些 color token 真正影响调试栏视觉？
调试栏属于面板（panel）区域，它的颜色由以下几组 token 决定，必须写进 workbench.colorCustomizations：
-
panel.background：整个调试侧边栏背景（含变量/监视等子面板外框） -
list.activeSelectionBackground：当前选中的变量行、断点行高亮色 -
editorWidget.background：监视表达式输入框、值编辑弹窗的背景 -
debugIcon.breakpointForeground和debugIcon.breakpointCurrentStackframeForeground：普通断点与当前执行断点图标的颜色
注意大小写和拼写，panelBackground 或 debugicon.breakpointforeground 都无效。
改了 settings.json 却没反应？常见覆盖场景
最常踩的坑是配置被静默覆盖，而不是写错了：
- 你改的是用户级
settings.json，但当前项目有.vscode/settings.json，且里面也写了workbench.colorCustomizations—— 工作区设置会完整替换用户设置 - 装了多个主题扩展（比如 One Dark Pro + Nord），它们各自注入了
tokenColorCustomizations，互相冲突 - 用了
"window.titleBarStyle": "native"，此时部分面板渲染逻辑受限，panel.background可能不生效；需设为"custom"才可靠
验证是否生效：临时切换成 VS Code 自带的 Default Dark+ 主题，再测试你的 colorCustomizations 是否起作用。
想让断点更醒目、变量行更易读，怎么配？
下面这段配置可直接粘贴进 settings.json，重点强化调试时的视觉反馈：
"workbench.colorCustomizations": {
"panel.background": "#1a1d23",
"list.activeSelectionBackground": "#344a6c",
"list.inactiveSelectionBackground": "#252b37",
"editorWidget.background": "#20252c",
"debugIcon.breakpointForeground": "#e06c75",
"debugIcon.breakpointCurrentStackframeForeground": "#ff9e3b"
}
关键点：list.inactiveSelectionBackground 控制非焦点状态下的变量行底色，和 active 形成层次；editorWidget.background 必须和 panel.background 有足够明度差，否则监视输入框会“消失”。
真正难的是平衡——太暗看不清文字，太亮又削弱断点图标对比。建议先调 panel.background 和 list.activeSelectionBackground，其他留默认，逐步加码。
