突然想给vsc背景加张图片
下载了 Custom CSS and JS Loader的插件
这个插件专门用来加载自定义的css和js文件
然后用ai写了个css文件
/* VS Code背景图：左下角局部显示 + 低存在感 */
body {/* https://img2024.cnblogs.com/blog/3084836/202512/3084836-20251207204854564-1083380884.png */background-image: url("https://img2024.cnblogs.com/blog/3084836/202512/3084836-20251207201446453-1671085419.jpg");background-size: 30% auto; /* 图片宽度占窗口30%，高度自适应 */background-position: left bottom 30px; /* 左下角，距离底部30px */background-repeat: no-repeat; /* 禁止平铺 */background-attachment: fixed; /* 滚动编辑器时图片固定不动 */background-color: transparent; /* 不覆盖VS Code原有主题背景 */background-blend-mode: soft-light; /* 图片与背景柔和混合，降低存在感 */opacity: 0.98; /* 整体微透，几乎不影响界面 */
}/* 确保代码编辑区不被遮挡，完美适配Solarized Light主题 */
.monaco-editor .editor-container {/* Solarized Light主题原生底色偏浅黄（#fdf6e3），匹配主题色+半透 */background-color: rgba(253, 246, 227, 0.9) !important; opacity: 0.98; /* 微透保留背景图质感，不遮挡代码 *//* 额外适配：避免主题样式被覆盖，继承原生边框/阴影 */background-blend-mode: normal;
}/* 补充：适配编辑器内容区的背景，和主题完全统一 */
.monaco-editor .editor-background {background-color: inherit !important;
}/* 补充：保留配置的光标颜色，避免被样式覆盖 */
.monaco-editor .cursors-layer .cursor {border-color: #3ed130 !important; /* 和你settings.json里的editorCursor.foreground一致 */
}
在用户配置下增加如下区域
//供给 给 vsc背景板css使用"vscode_custom_css.imports": ["file:///E:/apps/vscode/vsc_css/vsc_bg.css" ],
ctrl+shift+p 打开命令面板
执行Enable Custom CSS and JS
重启vsc
重启后发现vsc有“code安装似乎损坏，请重新安装”的error提示
上网查找下载了“fix vscode checksums next”插件后
ctrl+shift+p 打开命令面板
Fix Checksums: Apply
重启vsc
没有烦人error提示了
好吧太淡了，调了好几遍，发现我的头像底色白色太明显就和主题冲突了，就这样吧，淡淡的就好
（感觉太淡了）
)
)
