vscode主题背景插件_vscode 全透明背景图

一.前言

08.02更新:已魔改插件 可以直接下载插件使用了

10.18跟新:已发布到vscode扩展,直接搜索“background-cover”进行安装使用  下载地址

下载后手动安装就ok了,具体配置安装后点开插件有说明的!!!

今天看到了博客园 这篇文章 后  Visual Studio 2017 设置透明背景图  ,琢磨了下难道vscode不行吗。。

vscode目前有一个设置背景的插件 background  不过并不是整个界面显示,有点美中不足,所以就先下载了这个插件的源码,发现是改了其中一个css文件实现的,

本来想改下源代码重新发个包的,不过刚研究vscode插件没多久,改的话需要点时间。干脆直接改css替换下也挺方便的。有时间在改代码吧。。

先来个效果图。。

二.修改设置

"window.titleBarStyle": "custom",//首先把标题栏改为非原生的

三.获取css文件路径

一般都是在安装目录下 文件名:workbench.main.css

C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css

或者打开开发人员工具查看 复制css地址

四.修改css样式

将下面css样式 追加到 workbench.main.css 文件里就行了,css样式也可以自己增加修改,,别忘记替换图片路径噢。。。

/*background start*/

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

/*background end*/

end....

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值