首页 > 其他 > 详细

vscode 设置透明背景图

时间:2018-08-01 22:05:51      阅读:1110      评论:0      收藏:0      [点我收藏+]

一.前言


 

今天看到了博客园 这篇文章 后  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 文件里就行了,也可以自己改,,别忘记替换图片路径噢。。。

/*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....

 

 

技术分享图片  觉得好用点个赞呗。。欢迎来我们vscode群(376553669)尬聊技术分享图片

vscode 设置透明背景图

原文:https://www.cnblogs.com/ashidamana/p/9403838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!