您的位置: 首页 > 文章 > vscode透明背景图片

vscode透明背景图片

分类: 文章 • 2023-11-24 13:51:10

自定义设置vscode的背景图片

效果图
vscode透明背景图片

找到源码路径

vscode透明背景图片

鼠标放上面就看的到，也可以直接点右键 copy link address ，在文件夹中打开
找到之后，打开

添加css代码

vscode透明背景图片
追加代码

body{
	pointer-events:auto !important;
	background-size:100% !important;
	opacity: 0.8 !important;
	background-position: 0 0 !important;
	background-image: url('file://E:/360downloads/324702.jpg') !important;
	content:'';
	position:absolute;
	z-index:99999;
	width:100%;
	background-repeat:no-repeat;
}

记得修改图片地址改成自己想要的图片地址

修改settings

vscode透明背景图片

点击{} 出现设置代码
添加最后一段代码

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

重新打开