VS Code Customize Tab Colors

user_14013727 0
Viewed 6511

How do I change VS Code tab colors? Is there an attribute in settings.json (i.e. a corollary to "tab.activeBorder": "#18aa83") for background color?

VS Code tabs

vscode-settings visual-studio-code
1 Answers

VS Code documents color customizations for tabs in the theme color api.

To edit the tab colors you can use the following identifiers:

{
    "workbench.colorCustomizations": {
        "tab.activeBackground": "#ff0000",
        "tab.inactiveBackground": "#ff0000"
    }
}

You add that to your settings.json file

tab picture

To change the tabs header you can use the following:

"workbench.colorCustomizations": {
    "editorGroupHeader.tabsBackground": "#ff0000",
}

header group picture

You can type tab. and it will suggest similar properties you can change

user_23535230
Related