自定义 VSCode 背景图片

自定义 VSCode 背景图片

两步搞定 ! 不安装任何插件 , 自定义修改 VSCode 的背景图片 . 效果 :
自定义 VSCode 背景图片_第1张图片

  1. 在 VSCode 的安装目录下找到 workbench.desktop.main.css 文件 . 我的位置是 : C:\App\VSCode\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css

  2. 打开 workbench.desktop.main.css 并在其最后面添加 :

 body {
 	/* url 中是背景图片的路径 : */
    background-image: url('file://D:/admin/Pictures/LOL/灵魂莲华阿狸.jpg') !important;
    width:100% !important;
    height: 100% !important;
    opacity: 0.9 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
 }

附图 1 :
自定义 VSCode 背景图片_第2张图片
附图 2 :
自定义 VSCode 背景图片_第3张图片
以上 . 搞定 !

你可能感兴趣的:(VSCode,背景,图片)