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

Question

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

突出显示的示例tab.activeBorder：

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

Answer 1

1. 前往设置
2. 输入colorCustomizations顶部的链接
3. 针对“工作台：颜色自定义”选项，选择“在 settings.json 中编辑”，如下图所示
4. 现在添加 JSON 值，例如

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

Answer 2

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

打开您的用户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 3

你可以把这个添加到 .vscode/settings.json

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

Answer 4

很多人之前已经回答过，但这些都是熟悉 VSCode 的人的回答；我总是发现自己在谷歌上搜索最流行答案的一个或多个步骤——例如“打开设置”或“打开命令面板”。

这是详细的答案：

1. 打开VScode
2. 打开“命令面板”（shift+Ctrl+P）
3. 开始在搜索框中输入“首选项”。自动完成应提供“首选项：打开用户设置 (JSON)”。

5. 单击该选项。它会打开一个名为“settings.json”的 JSON 文件
6. 您需要了解 JSON 文件的语法。但本质上，您需要添加一个名为“workbench.colorCustomizations”的部分，其中包含两个条目：“tab.activeBorderTop”和“tab.activeBackground”

7. 将颜色值设置为所需的值（在屏幕截图中，#FF0000 表示红色）。activeBorderTop用于选项卡顶部的细彩色条，而activeBackground用于整个选项卡的颜色。
8. 保存文件（Ctrl+S），您应该立即看到更改。

Answer 5

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

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