CODEWITHSUNDEEP
visual-studio-code
fwx
fwx

Reputation: 353

How can I edit VS Code settings so that the tabs of modified files are highlighted?

In Sublime, this was supported by changing 

"highlight_modified_tabs": true,

under Preferences | Settings. How can I get this in Visual Studio Code?

Upvotes: 8

Views: 5972

Answers (2)

Mark
Mark

Reputation: 181359

Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.

workbench.editor.highlightModifiedTabs: true;

It is not much of a change though.

With these colorCustomizations in settings.json:

"workbench.colorCustomizations": {
    "tab.activeModifiedBorder": "#ff0000",
    "tab.inactiveModifiedBorder": "#ff0000",
    "tab.unfocusedActiveModifiedBorder": "#ff0000",
    "tab.unfocusedInactiveModifiedBorder": "#ff0000",
}

Upvotes: 20

Kyle Paulsen
Kyle Paulsen

Reputation: 1006

Well this isn't the best answer, but I ended up hacking one of vscode's core css files:

/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css

I'm not sure where this file will exist on other platforms.

I put this css at the bottom of the file:

.tab.dirty .label-name {
    color: #ffcc66;
}

Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...

Upvotes: 1

Related Questions