vscode设置背景图

作者: LuLuX | 来源:发表于2020-06-30 15:30 被阅读0次

    谁不想边码代码边看帅哥呢?(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透明度的效果


    以上 _(:з」∠)_

    相关文章

      网友评论

        本文标题:vscode设置背景图

        本文链接:https://www.haomeiwen.com/subject/qssxqktx.html