vscode如何自定义背景图片

本文介绍了如何在Visual Studio Code中通过安装background扩展来自定义编辑器背景图片。详细步骤包括安装扩展、配置图片路径、透明度及位置,并提供了解决图片与主题色不一致问题的方法,通过Python脚本实现颜色调整。
摘要由CSDN通过智能技术生成

1. 安装background扩展

extensions里搜shalldie的background扩展,安装后reload一下。

2. 配置项

在安装好的扩展的settings下,选择Edit in settings.json打开配置文件。
在这里插入图片描述
配置文件json中添加以下几个字段,如果有则修改即可:

  1. 是否使用默认图片,默认为true,这里改为false。
"background.useDefault": false
  1. 是否将图片置于代码之前,建议false,不遮挡代码。
"background.useDefault": false
  1. 最重要的:自定义图片的路径。格式为String数组,最长3个。注意如果是网络图片则只能用https协议。本地图片需要绝对路径,下面以linux为例:
"background.customImages": [
	"/Users/xxx/images/gay.jpg"
]
  1. 图片样式CSS。注意这里打入字段名会有代码提示,不需要全部复制下来。这里唯一要改的就是opacity和background-position了,分别调整透明度和位置。
"background.style": {
   
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值