有没有办法让 Active Tab Border 在顶部而不是底部突出显示？

Question

使用 tab.activeBorder 可以突出显示活动选项卡的底部，但是如何像 Firefox 当前的设计那样突出显示选项卡的顶部？

用tab.activeBorder高亮的例子：

"workbench.colorCustomizations": {    // Can customize each aspect
    "[One Dark Pro]": {               // Optional
        "tab.activeBorder": "#0A84FF" // Active Tab Highlighting
    }
},

Answer 1

您可以访问 Theme Color VS Code web page 以获得更多相关信息。

Open your user settings.json (Ctrl + ,)

在 tab.activeBorder 下面两行，您会发现 tab.activeBorderTop，它完全符合您的预期。

"workbench.colorCustomizations": {       // Can customize each aspect
    "[One Dark Pro]": {                  // Optional
        "tab.activeBorderTop": "#0A84FF" // Active Tab Top Highlighting
    }
},

Answer 2

您可以将此添加到 .vscode/settings.json

"workbench.colorCustomizations": {
    "tab.activeBorder": "#ff0000",
    "tab.unfocusedActiveBorder": "#000000"
}

Answer 3

您还可以为选项卡的背景着色：

"workbench.colorCustomizations": {
    "tab.activeBackground": "#0000ff"
}

Answer 4

转到设置
在顶部的 link 中键入 colorCustomizations
针对选项“Workbench: Color Customizations” select “Edit in settings.json”如下图所示

现在添加 JSON 值，例如

"workbench.colorCustomizations": {
    "tab.activeBorderTop": "#12ff00",
    "tab.activeBackground": "#c41111"
}

Answer 5

只是想小声点。进入 json 设置文件并打开帮助程序后（我忘了那个设置叫什么），您可以在键入开头引号时看到所有选项的弹出窗口：将鼠标悬停在选项上还会显示说明：

有没有办法让 Active Tab Border 在顶部而不是底部突出显示？

Is there a way of making the Active Tab Border highlighted on top instead of at the bottom?

visual-studio-code

vscode-settings