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

Question

VSCode version 1.16

当我在文件中有未保存的更改时，选项卡文件名称中的点并不真正可见，如下所示。

我想以某种方式突出显示它（例如更改其颜色）。我通过 VSCode 中的 Dev tools 检查了点元素，它的 ciass 为 action-label icon close-editor-action，但我不确定如何将 CSS 实现到编辑器中定制..

我知道 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%;
}