谁不想边码代码边看帅哥呢?(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透明度的效果
以上 _(:з」∠)_
网友评论