先來一張本人本身配置的主題截圖，喜歡的拿去用：html
下面說說怎麼自定義主題：json
1. Ctrl + ，（Ctrl鍵 + 逗號鍵）：打開設置，也能夠依次點擊編輯器左上角 => 文件 => 首選項 => 設置；編輯器
2. 在搜索欄輸入 workbench 打開工做臺；點擊 「 在 settings.json 中編輯 」 ；ide
3. 把下面代碼複製進去便可，每行代碼都有對應修改的對象註釋，可經過調色配置出本身喜歡的主題。函數
1 { 2 "editor.tokenColorCustomizations": { 3 "functions": "#55f52e",//函數 4 "keywords": "#40fcdd",//關鍵字 5 "types": "#f8d92c",//類型定義 6 "variables": "#ffa53d",//變量 7 "numbers": "#fffb08",//數字 8 "comments": "#6ba78b",//註釋 9 }, 10 11 "backgroung.enable":true, 12 "background.useDefault":false, 13 "background.customImages":[ 14 "file:///D:/kaierxi.png" //更改路徑能夠替換背景圖 15 ], 16 "background.style":{ //調整背景圖的相關設置 17 "content":"''", 18 "pointer-events":"none", 19 "position":"absolute", 20 "top":"0", 21 "left":"0", 22 "width":"100%", 23 "height":"100%", 24 "z-index":"99999", 25 "background.repeat":"no-repeat", 26 "background-size":"contain", 27 "opacity":0.3 28 } 29 "workbench.colorCustomizations": { 30 // 如下代碼複製到 settings.json 中，鼠標移到代碼上會顯示對應的修改對象名稱，沒法理解就多多嘗試吧 31 "editor.background": "#242929", 32 "editorGutter.background": "#20201c", 33 34 "titleBar.activeBackground": "#21272e", 35 "titleBar.activeForeground": "#df5141", 36 "menu.background": "#0e1f20", 37 "menu.foreground": "#e4d760", 38 39 "activityBar.background": "#e74c3c", 40 "activityBar.foreground": "#21272e", 41 "sideBar.background": "#172724", 42 "sideBar.foreground": "#c1c422", 43 "sideBarSectionHeader.background": "#155e63", 44 45 "tab.activeBackground": "#d8675a", 46 "tab.inactiveBackground": "#0e3a2c", 47 "tab.activeForeground": "#ebe70d", 48 "tab.inactiveForeground": "#21d1b4", 49 50 "editor.selectionBackground": "#6e4015", 51 "editor.selectionHighlightBackground": "#522d5e", 52 "editor.findMatchBackground": "#78b8c0", 53 "editor.findMatchHighlightBackground": "#00ffbf", 54 "statusBar.background": "#55511e", 55 56 57 }, 58 //如下三行表示本主題所使用的文件圖標主題爲 material-icon-theme 59 //本主題基於 Monokai Dark Soda 主題修改而成 60 "workbench.iconTheme": "material-icon-theme", 61 "workbench.colorTheme": "Monokai Dark Soda", 62 "window.zoomLevel": 0 63 }
做者：柒月柳無絮 郵箱：896515081@qq.comspa
純手打，轉載請註明出處，喜歡的請點關注，互相關注共同進步，謝謝~~3d
原文出處：https://www.cnblogs.com/GME-qiyueliu/p/11471224.htmlcode