HBuilderX选择主题以及自定义主题教程

2023-11-03

选择主题

  1. 在HBuilderX中,您可以点击顶部菜单【工具】【主题】,选择切换您喜欢的主题颜色。
  2. HBuilderX内置了3个主题, 分别为【绿柔】【 雅蓝】【酷黑】
    请添加图片描述
    当前颜色主题,存储在用户设置(【设置】【源码视图】,即settings.json文件)中
"editor.colorScheme" : "Default"

自定义主题

自定义窗体主题功能,仅适用于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" //调亮编辑区域背景颜色
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HBuilderX选择主题以及自定义主题教程 的相关文章