有没有办法让活动标签边框在顶部而不是底部突出显示？答案

【问题标题】：Is there a way of making the Active Tab Border highlighted on top instead of at the bottom?有没有办法让活动标签边框在顶部而不是底部突出显示？
【发布时间】：2019-11-30 23:04:22
【问题描述】：

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

使用tab.activeBorder 突出显示的示例：

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

【问题讨论】：

标签： visual-studio-code vscode-settings

【解决方案1】：

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

打开你的用户settings.json (Ctrl + ,)

tab.activeBorder 下方的两行，您会找到 tab.activeBorderTop，这正是您想要的。

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

【讨论】：

这个文件在哪里？
当它在主题部分时对我不起作用。错误是“财产不允许”。但是当我将它移到“workbench.colorCustomizations”部分（外部主题部分）时它已经工作了
正是我想要的。使用 One Dark Pro，查看当前标签非常困难
使用命令面板中的“首选项：打开设置 (JSON)”打开您的 settings.json 文件。在我的机器上是~/Library/Application Support/Code/User/settings.json
1.对于 macOS 用户，cmd + shift + P 以启用您的命令输入，2. 然后开始为 Preferences: Open Settings (JSON) 输入 open settings 或粘贴此命令 workbench.action.openSettingsJson

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

您还可以为标签的背景着色：

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

【讨论】：

【解决方案4】：

进入设置
在顶部的链接中输入colorCustomizations
针对“工作台：颜色自定义”选项选择“在 settings.json 中编辑”，如下图所示

现在添加 JSON 值，例如

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

【讨论】：

【解决方案5】：

只是响起一点。一旦你在 json 设置文件中并且你打开了助手（我忘记了那个设置叫什么），你可以在输入开场引号时看到所有选项的弹出窗口：将鼠标悬停在选项上还会显示描述：

【讨论】：