vscode设置背景图

谁不想边码代码边看帅哥呢?(bushi)


好久之前搞得配置了,每次重装vscode或者换电脑的时候总要翻聊天记录(现在太依赖聊天记录了),所以记录备份一下。
原理很简单就是改一下vscode的css文件,在最后加一段body样式的配置,背景图指到本地的图片(记得多下几张高清大图),不需要装任何插件。
之前搞过一版背景图,是装插件处理的,背景图只能设置在编辑区域,不能扩展到侧边栏和顶部等区域,而且升级之类的也很麻烦,另外找了套简单粗暴的方案。

不需要装插件,不需要装插件,不需要装插件
1、先在setting.json(vscode的setting)里面加个设置"window.titleBarStyle": "custom",

2、改个样式文件就好,打开vscode安装目录下的这个文件,直接拉到最后加这一段css


body {
  pointer-events: auto !important;
  background-size: 100% !important;
  opacity: 0.93 !important;
  background-position: 0 0 !important;
  background-image: url('file://E:/background/zyl8.jpg') !important;
  content: '';
  position: absolute;
  z-index: 99999;
  width: 100%;
  background-repeat: no-repeat;
}

(vscode某次升级之后文件名好像修改了,不过不影响,都是同样功能的css文件,给个眼神体会一下 →_→)

关于配置
background-image背景图自选,网络的本地的都可以,能访问到就行。
opacity也可以根据背景图自行调整,这是body的背景图透明度,所以调个90%差不多了,值越小背景图越明显,100%透明度的话就完全没有背景图了。

如下是40%的效果 ↓(瞎了)


以下是我0.93透明度的效果


以上 _(:з」∠)_

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。