之前上网看到 Github 上有一个仓库 Programming VTuber Logos ，意将编程软件的logo Vtuber 化。

看了仓库里的logo都非常可爱，就想将VScode的背景logo（就是下图那玩意）换成仓库中 更可爱 的logo。

000000089421.png

那么事不宜迟就动手开始！

克隆仓库

将想要的图片下载到本地，这次我要的是 VScode 的 logo ，因此下载这个logo或者克隆整个仓库。

将图片转为base64

使用img2base64工具将图片转化为base64编码

2024-08-25 150523.png

▲ 栗子

安装拓展

在 VScode 安装 Custom CSS and JS Loader

2024-08-25 150810.png

修改文件

打开你的 VScode 安装目录，找到目录下 /resources/app/out/vs/workbench/workbench.desktop.main.css 文件，打开：

在文件末 加上空格（一定要加）后复制下面这段css黏贴到文件末尾：

1
2
3
4
5
6
7
.editor-group-watermark>.letterpress {
    background-image: url(data:image/png;base64,这里放base64(就是刚才那个img2base64)) !important;
    opacity: 0.95;
    overflow: visible;
    filter: none;
    transform: scale(1.5, 1.5);
}

保存文件，回到 VScode ，按下 Ctrl + Shift + P ，输入 Reload Custom CSS and JS ，选择后会在右下角弹出提示（也可能没有）：

2024-08-25 151330.png

点击 Restart 即可，VScode重启后就成功了（喜）。

结果展示

2024-08-25 151539.png

非常的豪堪

注意: 可能 VScode 会在修改完之后报 Code安装似乎损坏。
安装 Fix VSCode Checksums 拓展，然后按下 Ctrl + Shift + P ，选择 fix Checksums: Apply，最后重启即可。