VSCode调试控制台颜色更改

Question

我找到了关于如何在我的vscode终端以及仅限于vscode调试控制台的文本中添加各种奇怪和美妙颜色的文档。

我想知道如何更改与vscode集成的调试控制台的背景颜色。原因是我的背景是黑色，我的高亮颜色也是黑色，这意味着我甚至看不到是否正在突出显示任何内容。

下面的gif显示了我的终端（非常好用）和我的调试控制台（黑暗且难以看清是否正在突出显示任何内容）。

我的终端和调试控制台的当前外观： settings.json中的当前代码：

"workbench.colorCustomizations": {
        "debugConsole.warningForeground": "#f06a6a",
        "debugConsole.errorForeground": "#eb5a5a",
        "debugConsole.sourceForeground": "#0c0",
        "debugConsole.infoForeground": "#ececf3",
        "debugView.valueChangedHighlight": "#ececf3",
        "terminal.foreground" : "#00FD61",
        "terminal.background" : "#000000",
        "editorSuggestWidget.background": "#24262b",
        "editorSuggestWidget.selectedBackground": "#768fc4",
        "editorSuggestWidget.highlightForeground": "#ffffff",
        "editor.selectionBackground": "#805d5d",
        "editor.selectionForeground": "#ff0000"
    },

- Michael T

---

在切换主题时，不同部分的背景颜色会发生变化，因此必须为其设置一个主题颜色。 - undefined

调试背景颜色似乎没有colorCustomization选项。 - undefined

Answer 1

你需要使用 panel.background。例如，这是我的主题自定义：

"workbench.colorCustomizations": {
   "[CodePen-Nights]": {
     "panel.border": "#616167",
     "sideBar.border": "#616167",
     "sideBar.background": "#21222c",
     "panel.background": "#21222c", // <----- This one here
     "extensionIcon.verifiedForeground": "#47cf90",
     "sideBar.foreground": "#c4c4c0",
     "debugConsole.infoForeground": "#96b0f9",
     "terminal.foreground": "#ff0000",
     "editorLineNumber.foreground": "#47c256",
     "editorLineNumber.activeForeground": "#ff00ff"
    }
 },

- Jeremy Kolassa