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

Question

VSCode version 1.16
当我在文件中有未保存的更改时，选项卡文件名称中的点实际上不可见，如下所示。



我想以某种方式突出显示它(例如改变它的颜色)。我通过 Dev tools 检查了点元素在 VSCode 中，它有一个 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%;
}