VSCode改主題經驗

以monokai爲藍本，複製一份自己的主題：

源文件：
D:\Program Files\Microsoft VS Code\resources\app\extensions\theme-monokai

新文件：
D:\Program Files\Microsoft VS Code\resources\app\extensions\theme-monokai_mine

主題文件的目錄結構是這樣的，3個文件都得改：

 

package.nls.json：

就把Monokai改成Monokai_Mine就行了。

以前的：
{
	"displayName": "Monokai Theme",
	"description": "Monokai theme for Visual Studio Code"
}

新的：
{
	"displayName": "Monokai_Mine Theme",
	"description": "Monokai_Mine theme for Visual Studio Code"
}

 

package.json：

"name": "theme-Monokai",  --->  "name": "theme-Monokai_Mine",

"label": "Monokai",   --->   "label": "Monokai_Mine",

"path": "./themes/monokai-color-theme.json"   --->   "path": "./themes/monokai_mine-color-theme.json"

以前的：
{
	"name": "theme-Monokai",
	"displayName": "%displayName%",
	"description": "%description%",
	"version": "1.0.0",
	"publisher": "vscode",
	"license": "MIT",
	"engines": {
		"vscode": "*"
	},
	"contributes": {
		"themes": [
			{
				"label": "Monokai",
				"uiTheme": "vs-dark",
				"path": "./themes/monokai-color-theme.json"
			}
		]
	}
}


新的：
{
	"name": "theme-Monokai_Mine",
	"displayName": "%displayName%",
	"description": "%description%",
	"version": "1.0.0",
	"publisher": "vscode",
	"license": "MIT",
	"engines": {
		"vscode": "*"
	},
	"contributes": {
		"themes": [
			{
				"label": "Monokai_Mine",
				"uiTheme": "vs-dark",
				"path": "./themes/monokai_mine-color-theme.json"
			}
		]
	}
}

然後選中自己的主題，Monokai_Mine：

接下來修改monokai_mine-color-theme.json裏面的各項顏色值就行了，每次改完重啓VSCode查看效果。