欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义VS Code界面背景图片

程序员文章站 2022-07-14 11:50:47
...

前言:VS Code界面的确很漂亮,多种主题可选。本文详细手把手教你如何通过更改源文件自定义其界面背景图片。(同网上主流方法)

先上效果:(替换后会在标题显示“不支持”,但不影响使用!)

自定义VS Code界面背景图片

首先说明一点,VS Code有大神将自定义背景图片的插件放出来了,但是它只能替换代码区的背景。本文是全局替换。

找到此次需要修改的文件目录,如图所示(VS Code主目录可以通过右击VS Code.exe 打开文件所在位置找到)打开       workbench.main文件,这是一个css文件,可以通过各种文本编辑工具打开。自定义VS Code界面背景图片

打开后将以下代码复制添加到其中:

代码介绍:opacity,不透明度,设置为1即不显示,透明效果从0~1。我设置为0.8,这里看个人。

background-image:url(' '),即图片的位置。将你的图片保存在某个位置,复制其位置,替换即可。

/*background start*/
body{pointer-events:auto !important;background-size:100% !important;opacity: 0.8 !important;background-position: 0 0 !important;background-image: url('file://C:/Users/Stone.000/AppData/Local/Programs/Microsoft VS Code/resources/app/out/vs/workbench/IMG_3186.jpg') !important;content:'';position:absolute;z-index:99999;width:100%;background-repeat:no-repeat;}
/*background end*/