hbuilder边框代码是什么_HBuilderX自定义UI主题界面风格

自定义UI主题介绍

HBuilderX的窗体所有颜色都在配置文件中，并且可以复写以实现个性化。从HBuilderX 1.8.8起，支持自定义配置。

在HBuilderX的设置文件setting.json的源码视图中，通过定义”workbench.colorCustomizations”字段来自定义您喜欢的主题颜色。

目前只能在现有的3个主题Default柔和、Monokai酷黑、Atom One Dark雅蓝的基础之上复写，不能完全更新新主题。

目前只能修改软件主题外观。代码区的颜色只有自带的三种风格。

常用配置

关于左侧项目管理器的背景色，和右侧代码区的背景色，两者是统一还是有区别？不同人有不同习惯。比如一些喜欢酷黑主题的开发者希望左边项目管理器也变成纯黑。

在HBuilderX的默认主题中，绿柔是左右统一，雅蓝左右不统一，酷黑在HBuilderX1.9.8以前左右不统一。

下面是几种常见配置，可根据自己需求统一或差异化颜色。

"workbench.colorCustomizations": {

"[Default]": {//绿柔

"sideBar.background":"#faf6e6" //加深项目管理器背景色

//以下为老HBuilder的标准主题颜色

//"sideBar.background":"#FFFFCC",

//"editorGroupHeader.tabsBackground":"#FFFFCC",

//"tab.inactiveBackground":"#FFFFCC",

//"editor.background":"#FFFFCC" //取消设置需重启生效

},

"[Monokai]": {//酷黑

"toolBar.background": "#272822", //工具栏背景色设为黑色

//"sideBar.background":"#535353",//项目管理器浅色背景

"sideBar.background":"#272822" //项目管理器背景色设为黑色

},

"[Atom One Dark]": {//雅蓝

"sideBar.background": "#282c34" //项目管理器背景色设为与代码区背景色相同

}

}

以下是几种常用配置的预览图：

左右统一的黑色主题

左侧颜色更深的绿柔

老HBuilder默认的深黄色主题

以下为分类