VSCode插件样式被覆盖因加载顺序、配置项错用或未重载窗口;workbench.colorCustomizations仅控UI控件,编辑器内波浪线等需editor.tokenColorCustomizations配置,且须用Inspect工具获取精确scope并重载窗口生效。

VSCode 里插件样式被覆盖,不是“谁写得晚谁赢”,而是有明确的加载顺序和作用域规则——改错位置、选错配置项、或没重载窗口,90% 的问题就出在这三处。
为什么改了 workbench.colorCustomizations 没反应?
这个配置只管 UI 控件(侧边栏、状态栏、按钮),不管编辑器内部装饰。断点红点、错误波浪线、折叠箭头全不走这条路。
- 真正影响波浪线颜色的是
editor.tokenColorCustomizations里的invalid、warning等 token 规则 -
debugIcon.breakpointForeground只控制禁用态断点灰点,实心红点(#ff0000)在 VSCode 1.85+ 已硬编码,不可改 - 改完必须重载窗口(
Ctrl+Shift+P→Developer: Reload Window),热保存不触发重绘
插件图标变灰/不显示,先查这三处设置
这不是 CSS 能修的问题,而是 VSCode 根本没把图标当“可用”来渲染。
-
workbench.activityBar.visible是否为false?检查settings.json或设置 UI -
workbench.editor.showTabs设为false会直接隐藏标签页,看起来像“被遮住” - 某些 UI 插件(如 Custom CSS and JS Loader)会强制启用
custom标题栏,覆盖掉window.titleBarStyle: "native"的生效逻辑
自定义 Markdown 预览样式,别碰 style.css —— 找对文件位置
Markdown Preview Enhanced 插件只认 ~/.mume/style.less(macOS/Linux)或 C:\Users\{user}\.mume\style.less(Windows),其他路径写的 CSS 全无效。
- 首次使用时该文件不存在,不要手动新建;应右键预览页 → “自定义 CSS”,让插件自动创建
- 文件名必须是
style.less,不是style.css或custom.css - 内容是 Less 语法,支持变量和嵌套,但 VSCode 不校验语法,写错只会静默失效
工作区设置不生效?确认你开的是“文件夹”,不是“单个文件”
VSCode 只在“文件夹打开模式”下读取 .vscode/settings.json。状态栏显示 Folder: xxx 才算数。
- 用
code /path/to/project命令行启动,或菜单栏File → Open Folder… -
.vscode/settings.json必须放在项目根目录,且 JSON 格式合法(逗号、引号、括号缺一不可) - 部分设置(如
window.zoomLevel、update.mode)根本不支持工作区级覆盖,设置 UI 右侧图标显示User即表示锁定
最常被忽略的是:插件自己写的默认样式优先级高于用户 workbench.colorCustomizations,而编辑器内 token 颜色又高于插件 UI 样式。想覆盖,得先用 Developer: Inspect Editor Tokens and Scopes 抓准 scope 名,再往 editor.tokenColorCustomizations 里填——猜名字基本白忙。


















