爲你的vscode添加一個圖片背景吧~

先看一個效果展現~

coding page

welcome page

方法

爲了可隨時修改,你能夠在你的~/.vscode文件夾下建立一個vscode_style的目錄,
在裏邊放入你本身的css文檔和一些圖片。以筆者爲例,個人vscode的style是css

/**vscode_style.css*/
body{
   pointer-events: auto !important;
   background-size: 100% !important;
   opacity: 0.90 !important;
   background-position: 0 0 !important;
   /**change your image url here*/
   background-image: url('./bg.png');
   content: '';
   position: absolute;;
   z-index: 999;
   width: 100%;
   background-repeat: no-repeat;
 }

而後找到vscode程序文件夾,linux上通常在'/opt'目錄下。在{vscode_dir}/resources/app/out/vs/workbench下修改workbench.desktop.main.css就能夠修改vscode的樣式啦。linux

@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";

重啓vscode就行了,當你重啓後發現vscode提醒你your code installation appears to be corrupt,直接忽略就它~json

  • 另,若是以爲醜醜的title bar很差看,能夠在settings.json添加
"window.titleBarStyle": "custom",

能夠本身定製標題欄的樣式。app

相關文章
相關標籤/搜索