VSCode原生不支持编辑器阴影，workbench.colorCustomizations仅接受纯色值，box-shadow等CSS属性被忽略；必须通过vscode-custom-css插件注入CSS才能实现。
VSCode 原生不支持编辑器边界的阴影效果，所有“阴影”都是通过注入自定义 CSS 实现的视觉模拟，不是配置项能开/关的功能。
为什么 workbench.colorCustomizations 里加 box-shadow 没反应
VSCode 的颜色配置系统（如 editor.background、sideBar.background）只接受纯色值（#rrggbbaa、rgb()、命名色），完全忽略 box-shadow、border-radius 等 CSS 属性。你在 settings.json 里写 "box-shadow": "0 2px 8px rgba(0,0,0,0.15)"，VSCode 会直接跳过——它根本不是 CSS 解析器。
真正起作用的阴影，必须走 DOM 层级的 CSS 注入，且依赖开发者工具重载后才可见。
-
workbench.colorCustomizations是主题色映射表，不是样式表 - 所有带 alpha 的颜色（如
#0000001a）仅用于背景/高亮等预设 token，不能扩展为投影 - 试图用
editorGroup.border模拟阴影？它只接受颜色，不支持模糊或偏移
用 vscode-custom-css 插件注入 box-shadow（唯一稳定路径）
这是目前最可靠、可复现的方式，但需注意 VSCode 1.84+ 要求启用 --enable-proposed-api 才能加载自定义样式，每次更新后都得重新执行启用命令。
- 安装插件：
be5invis.vscode-custom-css - 新建本地 CSS 文件（例如
~/vscode-shadow.css），写入：
.monaco-editor .overflow-guard {
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.15) !important;
border-radius: 6px !important;
overflow: hidden !important;
}
这个选择器只作用于编辑器主内容区（不含行号、侧边栏）。若想包住整块编辑器容器（含行号区），换用：
.editor-instance > .monaco-editor {
box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.18) !important;
border-radius: 8px !important;
}
- 在
settings.json中配置："vscode_custom_css.imports": ["file:///Users/xxx/vscode-shadow.css"] - 按
Cmd+Shift+P（macOS）或Ctrl+Shift+P（Win/Linux），运行Enable Custom CSS and JS，然后重启窗口
阴影错位、被遮挡、滚动撕裂的根源和绕过方式
VSCode 的 DOM 结构中，.monaco-editor 和 .sidebar 是同级兄弟节点，z-index 默认无序。直接套 box-shadow 容易导致阴影被侧边栏盖住，或滚动时边缘出现“断层”。
- 避免用
.monaco-workbench或.part.editor这类宽泛选择器，它们可能影响整个工作台布局 - 慎用
inset阴影：VSCode 内部大量使用overflow: hidden，inset往往被裁掉 - 高对比度主题下阴影发灰？是因为
rgba(0,0,0,0.15)在深色背景上对比不足，可试rgba(0,0,0,0.22)或改用hsla(0,0%,0%,0.2)提升一致性 - macOS 上启用
native标题栏后，系统级窗口阴影可能和自定义 CSS 叠加，建议先关掉系统“增强对比度”辅助选项
别碰 editor.border ——它根本不存在
搜索设置里搜 editor.border 或类似关键词，VSCode 会提示 Cannot find a color definition for 'editor.border'。这不是你配错了，是这个 key 压根没被定义。
VSCode 没有提供编辑器内容区域（即代码输入框本身）的独立边框或阴影配置项。所谓“描边感”，实际来自：
-
editorGroup.border：仅多编辑器组（分屏）时生效，单窗口下不渲染 -
sideBar.border、panel.border：控制外围面板边界，间接强化中心编辑区的“框内感” - 自定义 CSS 注入：唯一能精确控制位置、模糊度、层级的手段
真正容易被忽略的点是：每次 VSCode 升级后，vscode-custom-css 插件会自动禁用，必须手动再执行一次 Enable Custom CSS and JS，否则阴影就消失了——不是配置坏了，是插件没激活。
