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

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

用 tab.activeBorder突出显示的一个例子:

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

17035 次浏览

小开

最佳答案

You can visit the Theme Color VS Code web page to get more information on this.

Open your user settings.json (Ctrl + ,)

Two lines below the tab.activeBorder, you will find tab.activeBorderTop, which does exactly what you intended.

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

小开

you can add this to .vscode/settings.json

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

It looks like this

小开

You can also colorize background of tab:

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

小开

Go to Settings
Type colorCustomizations in the link at the top
Against the option "Workbench: Color Customizations" select "Edit in settings.json" as shown in the image below

Now add JSON values such as

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

小开

Just to chime a little. Once you are in the json settings files and you have helper turned on (I forget what that setting is called), you can see a popup of all the options when you type the opening quote: Hovering over the options also shows the description:

小开

"workbench.colorCustomizations": {

    "tab.activeBorderTop": "#ff0000"


}