hbuilder自定义主题，优化原有主题

在使用hbuilder的时候，默认的 Default 绿柔、Monokai 酷黑、Atom One Dark 雅蓝 主题显示都不是很友好，特别是上方标签 tab 页选中与否特别的不明显，这里将原有主题进行简单的优化。

1：Ctrl + alt + s 打开设置的源码视图

2：右侧用户设置输入如下代码

```
{
    "editor.colorScheme" : "Monokai",
    "explorer.expandsOnClick" : false,
    "explorer.folder.openExplorerViewOnClick" : false,
    "terminal.type" : "内置终端",
    "weApp.devTools.path" : "D:/Program Files (x86)/Tencent/微信web开发者工具",
    "workbench.titleBar.useNativeStyle" : true,
	// 自定义UI主题，可拷贝相关行到右边编辑区更改颜色值
	// 详情参考：https://ask.dcloud.net.cn/article/35776
	"workbench.colorCustomizations": {
	   "[Default]": {//绿柔
	       "sideBar.background":"#faf6e6", //加深项目管理器颜色
	       "editor.background":"#faf6e6" ,//加深编辑区域背景颜色
		   "tab.activeBackground":"#005500"
	   },
	   "[Monokai]": {//酷黑
	       "toolBar.background": "#280607", //工具栏背景色设为黑色
	       "sideBar.background":"#15280f" ,//项目管理器背景色设为黑色
		   "tab.activeBackground":"#005500",
		   "input.background":"#005500",
		   "input.foreground":"#005500",
		   "input.border":"#005500"
	   },
	   "[Atom One Dark]": {//雅蓝
	       "sideBar.background": "#282c34", //项目管理器背景色设为与代码区背景色相同
	       "editor.background":"#282c3f" ,//调亮编辑区域背景颜色
		   "tab.activeBackground":"#005500"
	   }
	}
}
    
```  
3:将主题切换为 酷黑

注:原创不易,转载请注明出处( https://micuu.com/new/2380.html )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。

hbuilder自定义主题，优化原有主题

留言反馈