Is it possible to customize the color of TabCloseButton icon in VSCode?

Question

VSCode version 1.16

When i have unsaved changes in a file, the dot in the tab file's name is not really visible as seen below.

I'd like to highlight it somehow (e.g. to change its color). I inspected the dot element via Dev tools in VSCode and it has a ciass of action-label icon close-editor-action but i am not sure how could I implement the CSS into editors' customization..

I know about workbench.colorCustomizations settings but i have not found any documentation about this particular little thing. The only customizable setting of tabCloseButton is changing its position but not its visual.

Does anybody know how could this be implemented?

Answer 1

Extension Custom CSS and JS Loader.

For instance: changing the entire unsaved tab:

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

Or changing close icon:

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