是否可以在VSCode中自定义TabClos​​eButton图标的颜色？

Question

VSCode version 1.16

当我在文件中有未保存的更改时，标签文件名称中的点实际上不可见，如下所示。

我想以某种方式强调它（例如改变它的颜色）。我在VSCode中通过Dev tools检查了点元素，它的ciass为action-label icon close-editor-action，但我不确定如何将CSS实现为编辑器＆＃39;定制..

我知道workbench.colorCustomizations设置，但我没有找到任何关于这个特殊事物的文档。 唯一可自定义的tabCloseButton设置正在改变其位置，而不是其视觉效果。

有谁知道如何实施？

Answer 1

分机Custom CSS and JS Loader。

例如：更改整个未保存的标签：

.tab.dirty {
    background-origin: border-box;
    background-image: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 8px,
      #465298 9px
    );
}

或更改关闭图标：

.tab.dirty .close-editor-action {
    background: #465298 !important; /* here could be some inline image*/
    border-radius: 50%;
}