VSCode主題自定義(附詳細注釋及本人主題分享)


先來一張本人自己配置的主題截圖,喜歡的拿去用:

 

 

下面說說怎么自定義主題:

  1.     Ctrl + ,(Ctrl鍵 + 逗號鍵):打開設置,也可以依次點擊編輯器左上角 => 文件 => 首選項 => 設置;

  2.     在搜索欄輸入  workbench  打開工作台;點擊 “ 在 settings.json 中編輯 ” ;

  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.com

  純手打,轉載請注明出處,喜歡的請點關注,互相關注共同進步,謝謝~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM