gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 19:29:25 25 4
gpt4 key购买 nike

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

image of pending changes in a file

我想以某种方式突出显示它(例如改变它的颜色)。我通过 Dev tools 检查了点元素在 VSCode 中,它有一个 ciassaction-label icon close-editor-action但我不确定如何实现 CSS进入编辑器的定制..

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

有谁知道这如何实现?

最佳答案

分机 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%;
}

关于visual-studio-code - 是否可以在 VSCode 中自定义 TabClos​​eButton 图标的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46112914/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com