选择主题

1. 在HBuilderX中，您可以点击顶部菜单【工具】【主题】，选择切换您喜欢的主题颜色。
2. HBuilderX内置了3个主题, 分别为【绿柔】【 雅蓝】【酷黑】
   
   当前颜色主题，存储在用户设置（【设置】【源码视图】,即settings.json文件）中

"editor.colorScheme" : "Default"
1

自定义主题

自定义窗体主题功能，仅适用于HBuilderX 1.8.8+版本；

当前HBuilderX的自定义颜色都在配置文件settings.json中，并且可以复写以实现个性化。

自定义窗体主题

在文件setting.json的源码视图中，通过定义 “workbench.colorCustomizations” 字段来自定义您喜欢的主题颜色。可自定义的相关参数

"workbench.colorCustomizations": {
    "[Default]": {//绿柔
        "sideBar.background":"#faf6e6", //加深项目管理器颜色
        "editor.background":"#faf6e6" //加深编辑区域背景颜色
    },
    "[Monokai]": {//酷黑
        "toolBar.background": "#272822", //工具栏背景色设为黑色
        "sideBar.background":"#272822" //项目管理器背景色设为黑色
    },
    "[Atom One Dark]": {//雅蓝
        "sideBar.background": "#282c34", //项目管理器背景色设为与代码区背景色相同
        "editor.background":"#282c3f" //调亮编辑区域背景颜色
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14