如何为VS Code特定标签页设置背景色(非仅激活标签页)
给VS Code指定标签页设置固定背景色
完全可行,但VS Code原生的主题配色配置没法直接针对特定标签页设置固定背景色,下面给你两种实用方案:
方案一:用现成扩展(推荐)
装个Tab Color扩展就行,支持手动给单个标签页选颜色,切换标签后颜色不会变:
- 装完扩展,右键你要改的标签页,选「Set Tab Color」
- 挑个喜欢的颜色确定,这个标签页不管有没有被激活,背景色都会保留
方案二:自定义样式脚本(进阶)
不想用第三方扩展的话,可以用Custom CSS and JS Loader扩展加载自定义样式,给特定标签页锁死背景色:
- 先装
Custom CSS and JS Loader扩展 - 在VS Code设置里开启允许自定义CSS/JS的权限(开了之后得重启编辑器)
- 新建个CSS文件,比如
tab-colors.css,写下面的代码:
/* 给名为test.js的标签页设浅蓝色背景 */ .tabs-container .tab[aria-label*="test.js"] { background-color: #e6f7ff !important; } /* 给路径包含src/components/的标签页设浅橙色背景 */ .tabs-container .tab[aria-label*="src/components/"] { background-color: #fff7e6 !important; }
- 在VS Code设置里指定这个CSS文件的路径,重启后就生效了
注意:自定义脚本的方式需要开启VS Code的自定义CSS权限,后续编辑器更新可能得重新配置一遍。
内容的提问来源于stack exchange,提问作者XXDIL
相关产品推荐
相关产品推荐

