VSCode修改为背景透明图片

1. 可以通过直接修改VSCode的css代码来设置

1.1 首先要找到css文件:

在这里插入图片描述

1.2 双击打开workbench.desktop.main.css文件并加入如下代码:
	body {
	    /*背景图片的路径*/
	    background-image: url(C:/Users/Lenovo/Desktop/壁纸/15.jpg);
	    /* 图片不重复 */
	    background-repeat: no-repeat;
	    /* 图片位置 */
	    background-position: center;
	    /* 图片大小 */
	    background-size: cover;
	    /* 透明度 */
	    opacity: 0.7;
	}
1.3 也可以将background都写到一行:
	body {
    	background: url(C:/Users/12930/Pictures/123.jpg) no-repeat center/cover;
    	opacity: 0.7;
	}

必须修改图片位置,并复制代码到最后一行

在这里插入图片描述

1.4 修改完成后重新启动vsCode

在这里插入图片描述

2. 可以通过下载插件来设置

2.1 首先下载安装插件background:

在这里插入图片描述

2.2 然后去设置:

    文件→首选项→设置,在settings.json中编辑(右面往下拉一会可以看到)

    在settings.json里面添加如下代码:

	"update.enableWindowsBackgroundUpdates": true,
	"background.customImages": [
    	 "file:///F:/Picture/Yukino/vs_background.png" //图片的路径
	],
	"background.style": {
    	 "content": "''",
     	"pointer-events": "none",
     	"position": "absolute", //定位
     	"width": "100%",
     	"height": "100%",
     	"z-index": "99999",
     	"background.repeat": "no-repeat", //是否重复
     	"background-size": "25%,25%", //图片大小
     	"opacity": 0.2 //透明度
	},
	"background.useFront": true,
	"background.useDefault": false, //是否使用默认图片

小编建议使用第一种方式

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要使VSCode背景透明,你可以通过更改背景图片透明度或调整背景颜色来实现。具体方法如下: 1. 更改背景图片透明度:在VSCode的设置文件中,找到`"background.style"`的属性,并将`opacity`值调整为所需的透明度(例如0.2表示20%的透明度)。这样,背景图片透明度就会相应改变。 2. 使用突出显示背景和不透明度:通过优化突出显示背景和不透明度,你可以在任何地方搜索和查找代码。差异代码可以使用易于理解的差异背景颜色进行智能更改。你可以在视图代码中添加一些专业的设计元素,比如深色背景和粉红色边框高光,以使其看起来更漂亮。 3. 使用VSCode的插件:如果你想使整个界面的背景透明,可以考虑使用VSCode的插件来实现。目前有一些插件可以帮助你设置背景透明度,你可以搜索并安装适合你需求的插件。 总结起来,要使VSCode背景透明,你可以通过更改背景图片透明度、优化突出显示背景和不透明度,或者使用VSCode的插件来实现。希望这些方法能帮到你!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode透明背景以及背景图片设置](https://blog.csdn.net/cussion/article/details/115273597)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [radical-vscode:复古的未来派设计启发了黑暗黑客入侵的黑暗主题](https://download.csdn.net/download/weixin_42106299/18414390)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vscode透明背景图](https://blog.csdn.net/weixin_39984442/article/details/111735458)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

自学之路←_←

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值