vsc_backgroud_css小记

突然想给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提示了

---

好吧太淡了，调了好几遍，发现我的头像底色白色太明显就和主题冲突了，就这样吧，淡淡的就好
（感觉太淡了）