Question

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

您可以访问Theme Color VS Code web page以获得有关此内容的更多信息。

在tab.activeBorder下两行，您会发现tab.activeBorderTop确实符合您的预期。

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

有没有一种方法可以使活动标签边框在顶部而不是底部突出显示？

3 个答案: