VSCode "View Problem" 对话框背景 属性

Question

我搜索了 VSCode Docs，但找不到任何有用的文档来解释下图中演示的突出显示小部件背景颜色的属性。

什么 VSCode 主题 属性 修改了“查看问题”对话框的背景颜色？

Answer 1

隔离各个属性并尝试诊断问题两个小时后，我可以确认控制 VSCode 的“查看问题”对话框背景颜色的 属性 被调用： 'editorMarkerNavigation.background'.

我希望这对以后的其他人有所帮助。

Answer 2

所以这不是一个问题小部件，它是一个导航小部件，它有助于传达您已加载到编辑器中的当前脚本中的重要状态。它试图帮助您发现和定位问题。我发现它在非常大的代码库中使用时最有用。它不仅可以传达存在的问题，还可以显示错误、信息和警告。

因此您建议的 属性 为大部分背景着色，但部分小部件是 header，要更改 header 的背景颜色，您还将需要使用 "editorMarkerNavigationError.headerBackground".

这是“标记导航小部件”的完整 属性 列表。

// @file "./themes/your-vscode-theme.json"

{
    "editorMarkerNavigationInfo.headerBackground": #000000,
    "editorMarkerNavigation.background": #000000,
    "editorMarkerNavigationError.background": #000000,
    "editorMarkerNavigationInfo.background": #000000,
    "editorMarkerNavigationWarning.background": #000000,
    "editorMarkerNavigationWarning.headerBackground": #000000
}