自定义VS Code界面背景图片
程序员文章站
2022-07-14 11:50:47
...
前言:VS Code界面的确很漂亮,多种主题可选。本文详细手把手教你如何通过更改源文件自定义其界面背景图片。(同网上主流方法)
先上效果:(替换后会在标题显示“不支持”,但不影响使用!)
首先说明一点,VS Code有大神将自定义背景图片的插件放出来了,但是它只能替换代码区的背景。本文是全局替换。
找到此次需要修改的文件目录,如图所示(VS Code主目录可以通过右击VS Code.exe 打开文件所在位置找到)打开 workbench.main文件,这是一个css文件,可以通过各种文本编辑工具打开。
打开后将以下代码复制添加到其中:
代码介绍: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*/
上一篇: VS code设置背景图