我的 VSCode 不可能这么可爱!

教程开始

原教程看这里 -> 我的 VSCode 不可能这么可爱!

新建文件

随便找个地方新建一个css文件,如:
C:/Users/Debin/.vscode/vsc.css
然后复制类似下面的内容

1
2
3
4
5
6
7
8
9
10
.editor-group-watermark>.letterpress {
background-image: url(
data:image/png;base64,
/* 这里是base64编码的图片 */
) !important;
opacity: 0.95;
overflow: visible;
filter: none;
transform: scale(1.5, 1.5);
}

替换为你想要的图片的base64编码,就可以了。

我的css文件 -> vsc.css

设置

打开VSCode,安装插件Custom CSS and JS Loader
vscode-logo-2024-05-01-23-31-09

文件->首选项->设置->搜索Vscode_custom_css->点击在settings.json中编辑->添加如下内容

vscode-logo-2024-05-01-23-32-55

Ctrl+Shift+P,输入Reload Custom CSS and JS,然后重启VSCode,就可以看到效果了

注:会有一个提示VSCode已经损坏的提示,点击不再提示即可