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

Question

VSCode version 1.16

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

我想以某种方式强调它(例如改变它的颜色).我通过检查点元素Dev tools在VSCode,它有一个ciass的action-label icon close-editor-action,但我不知道我怎么能贯彻CSS到编辑的定制..

我知道workbench.colorCustomizations设置,但我没有找到任何关于这个特殊的小东西的文档.唯一可定制的设置tabCloseButton是改变它的位置而不是它的视觉效果.

有谁知道如何实施？

Answer 1

扩展自定义 CSS 和 JS 加载器。

例如：更改整个未保存的选项卡：

.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%;
}