Make VSCode 'active tab' more visible

When I use VSCode I find it difficult to tell which tab is the active tab. I often find myself clicking on the wrong one. I realize that the active tab’s bottom line is missing, but my eyes never seem to see that.

I finally found a solution!

This is the “before” picture. The active tab is the one in the middle. I can barely tell.

There is a setting called tab.activeBackground that sets the active tab’s color:

1
2
3
4
5
6
7

settings.json 
{
    "workbench.tree.indent": 40,
    "workbench.colorCustomizations": {
        "tab.activeBackground": "#2d3a66",
    }
}

This is the “after” version. It’s much more obvious.

Speaking of visual issues… do yourself a favor and set "workbench.tree.indent": 40 so that the indenting on your file tree is easier to view.