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查看效果。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值