vscode 设置透明背景图
Posted ashidamana
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode 设置透明背景图相关的知识,希望对你有一定的参考价值。
一.前言
今天看到了博客园 这篇文章 后 Visual Studio 2017 设置透明背景图 ,琢磨了下难道vscode不行吗。。
vscode目前有一个设置背景的插件 background 不过并不是整个界面显示,有点美中不足,所以就先下载了这个插件的源码,发现是改了其中一个css文件实现的,
本来想改下源代码重新发个包的,不过刚研究vscode插件没多久,改的话需要点时间。干脆直接改css替换下也挺方便的。有时间在改代码吧。。
先来个效果图。。
二.修改设置
"window.titleBarStyle": "custom",//首先把标题栏改为非原生的
三.获取css文件路径
一般都是在安装目录下 文件名:workbench.main.css
C:Program FilesMicrosoft VS Code esourcesappoutvsworkbenchworkbench.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 设置透明背景图的主要内容,如果未能解决你的问题,请参考以下文章