vscode设置背景图

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

vscode设置背景图

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

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

vscode设置背景图

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

vscode设置背景图

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%的效果 ↓(瞎了)

vscode设置背景图

以下是我0.93透明度的效果

vscode设置背景图

以上 _(:з」∠)_

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 共1条

请登录后发表评论