如何编辑 VS Code 设置以便突出显示修改文件的选项卡？

Question

在 Sublime 中，这是通过更改来支持的

"highlight_modified_tabs": true,

在首选项下 | 设置。我怎样才能在 Visual Studio Code 中得到这个？

Answer 1

在 v1.29 中添加了一些高亮已修改选项卡顶部边框的功能，高亮已修改选项卡。

workbench.editor.highlightModifiedTabs: true;

不过变化不大。

使用 settings.json 中的这些 colorCustomizations：

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

Answer 2

好吧，这不是最好的答案，但我最终破解了 vscode 的核心 css 文件之一：

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

我不确定该文件在其他平台上的位置。

我把这个 css 放在文件的底部：

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

之后重新启动 VSCode。它会向您抱怨说安装已损坏...但只需单击“忽略”并且不要通知我。我很沮丧，因为我找不到更好的解决方案，但它有效......