更改 Visual Studio 代码的标签栏颜色

Question

有没有办法更改 VS Code 中位于面包屑栏上方的选项卡栏颜色。我想知道可以用于它的 workbench 颜色自定义代码。 Tab bar

Answer 1

要为编辑器区域设置上述问题的样式，请使用下面显示的 属性。

"editorGroupHeader.tabsBackground": "#00FF00"

---

似乎有些人对如何让 属性 主动改变 属性 负责的区域的颜色感到困惑，所以我添加了 2 个如何正确使用 V.S。下面代码 Color-Token theme-properties。有两个例子，因为有两种使用方式。第一个显示在这里。

---

1。在主题中使用 属性

---

下面显示了如何使用 属性 为问题作者描述的区域着色。作者特别询问了背景，但我包括了负责为该区域着色的所有三个属性。此示例演示如何使用主题为 V.S 着色。代码编辑器。

// Using the property in a VSCode Theme:

// FILE (Linux):
// $HOME/.vscode/extensions/${theme}/themes/${theme}.json


// FILE (Windows 10)
// C:\Users${uid}\.vscode\extensions${theme}\themes${theme}.json
  

{
    "$schema": "vscode://schemas/color-theme",
    "id": "developers-dojo",
    "type": "dark",
    "colors": {
        "editorGroupHeader.tabsBackground": "#021331",
        "editorGroupHeader.tabsBorder": "#00FF4040",
        "editorGroupHeader.border": "#000000D0",
    }
}

---

2。在 settings.json 文件

中使用 属性

---

使用属性editorGroupHeader.tabsBackground给[上色的最简单方法=39=]V.S。代码编辑器 只需将属性 键入您的setting.json 文件，或您的工作space 的./.vscode/settings.json 文件。请记住，这是属于一组颜色标记的 属性，定义在与设置属性定义位置不同的位置，因此如果您将它添加到 settings.json 文件，你会发现 属性 不是那样工作的。您需要使用特殊配置 JSON-属性, workbench.colorCustomizations 来包装您要使用的颜色属性。如果您将下面的代码片段添加到 settings.json 文件，您将更改 选项卡的组区域 .

的颜色

---

// Use in either your user's "settings.json" file
// Or in your work-space's "./.vscode/settings.json" file

{
  "workbench.colorCustomizations": {
    "editorGroupHeader.tabsBackground": "#0000FF",
    "editorGroupHeader.tabsBorder": "#0F6C8C",
    "editorGroupHeader.border": "#FF5010",
  }
}

---