01 引言
在深入数字化转型的背景下，企业日益认识到系统界面个性化与一致性的价值，它不仅能提升用户体验，还能有效传达企业文化与品牌价值。针对这一趋势，HZERO 平台凭借服务上千家客户的经验积累，提炼出一套针对性强、易于操作的主题定制化服务，以下是 HZERO 平台提供的主题核心能力：
-
预置主题： 平台内置了丰富的主题，覆盖各种行业风格，开箱即用。
-
配置多样： 开放多项配置，满足不同用户的主题个性化需求。
-
多级配置： 支持从用户级、租户级到平台级的多级配置，确保了灵活性与统一性。
-
深度定制： 对于寻求更高程度个性化的企业，支持高效定制符合自身风格的主题。
02 功能特性
/ 预置丰富主题 /
HZERO 平台深耕行业多年，已服务过上千家企业，沉淀出多套精品主题，遵循优秀的设计规范，开箱即用，助力企业快速部署。
以下是预置主题的简介：
- 凌莺蓝(NIGHTINGALE)： HZERO 平台内置默认主题，全面覆盖结构布局、数据操作和信息交互等多种场景的全新设计体系主题。
- 孔雀蓝(PEACOCK)： 深蓝与孔雀蓝的高对比色彩方案。
- 冰峰白（ICEFLOW)： 轻盈简洁的设计语言，蓝色系与白色搭配，聚焦视觉中心，强化组件反馈动效。
- 极光蓝(AURORA)： 基于冰峰白主题，使用更多高纯度色彩搭配及大圆角的圆润设计风格。
/ 预置丰富布局 /
HZERO 平台巧妙地将网页内容精细划分，把网页内容细分为页面顶部、菜单、底部及内容展示区等关键模块，再将各模块精心排版设计，得到了风格鲜明的多套展示布局，同样开箱即用。
支持布局更精细化配置
-
多Tab窗口： 支持同时打开多个页面，可利用 Tab 页签快速切换展示
-
导航栏菜单： 默认展开菜单列表，并支持配置折叠显示，可展示更多页面区域
-
****工作台-设置布局： 工作台作为 HZERO 系统首页，可开启用户个性化配置
预置布局展示
- 左侧呼出菜单
- 顶部悬浮菜单
- 左侧平铺菜单
- 顶部及左侧固定菜单
/ 主题配置多样 /
预置的主题经过上千家客户沉淀，符合企业级系统美学。与此同时，为了满足不同用户个性化需求，主题配置页面开放了部分功能、样式的配置，支持用户自主选择配置。
1. 配置主题色 ： 配置界面开放了主题色的动态配置，通过精妙的色阶算法，根据主题色生成柔和到浓郁的渐变色调，应用于各个组件的细节中，无需代码修改即可实现。
2. 表单相关配置： 表单作为数据录入的重要界面，支持了字段标签的多种显示方式，以及冒号、必填提示显示配置。
3. 表格相关配置 ： 设置显示样式/显示高度/按钮位置等。
4. 日期等其他组件配置 ：
可扩展配置项
上述内容介绍了 HZERO 主题内置的多个配置项，对于想要支持更多配置的企业，HZERO 作为一个强大的开发平台，支持自定义开发新增配置。
示例： 利用 HZERO 开放的口子，搭配 Choerodon UI 组件库支持的全局配置属性，在极光蓝主题新增了日期组件可视化配置。
支持高级配置
HZERO 的主题包在 v5 版本支持了 css 变量方案，利用 css 变量动态生效的特性，从而在主题界面支持了高级配置。
Choerodon UI 组件库开放了海量 css 变量，在高级配置中配置对应变量，实时生效。让用户更加灵活、精细的控制自己想要的样式。
示例： 某企业想要调整按钮背景色，在高级配置中修改即可生效：
/ 多级配置主题 /
主题支持从用户级、租户级到平台级的多级配置。在平台级或者租户级配置主题，能统一该租户下全体用户的界面体验，而用户配置可覆盖上层配置，确保了灵活性与统一性。
配置的优先级：个人 > 租户级 > 平台级
场景示例
需求： 某重工企业有严格的主题风格要求，需要让所有用户界面统一设置，并且用户不可修改。
方案： HZERO 支持在平台级统一修改主题，然后由管理员关闭主题配置入口，做到全体用户体验一致。
/ 深度定制 /
上述内容讲解了主题、布局、组件和功能的丰富配置，让系统不用进行额外开发就能满足大部分场景的配置需求。
对于寻求更高程度个性化的企业，支持高效定制符合自身风格的主题。
支持扩展现有主题
现有内置主题样式符合大部分企业使用习惯，对于有微调主题的需求，HZERO 支持对现有主题样式进行扩展，修改少，快速实现需求，同时能够满足企业个性化的需求。
例如： 某企业想统一字体大小为 13 px，同时表格边框全部显示，扩展调整主题变量即可。
支持定制全新主题
部分企业拥有自己的设计团队，想要统一自己的系统风格，需要更深层次的定制化。HZERO 支持定义全新主题，并注册到系统中。
- 自定义程度高
- 开发周期短
- 成本低
支持自定义布局
HZERO 平台预置了多套布局，在定制新主题的同时，也支持自定义布局，HZERO 平台提供了解决方案示例，让自定义布局实现更简单，同时也使得布局风格更适合自己的企业。
/ 丰富的开发文档 /
HZERO 作为一个强大的开发平台，配套提供了丰富的开发文档。从主题配置使用，到扩展配置项，以及扩展开发主题等等文档应有尽有，步骤详细明了。
现已支持多家企业实施自定义主题和布局。
03 场景案例
以下为某企业定制化全新主题、布局的场景案例。
/ 案例背景 /
某建工企业正处于数字化转型的关键期，但面临多套旧系统界面风格参差不齐，未能有效传递其深厚的企业文化和品牌价值的问题。企业亟需统一旗下系统主题风格，以此精准展现企业风貌与理念，同时需要保持多样设备显示一致性。面对繁复需求与紧迫时间，企业需要一套全面的主题解决方案。
/ 解决方案 /
企业采购 HZERO 平台，HZERO 平台提供了易于操作的主题定制化服务，支持使用 css 变量方案，定制化全新主题。同时良好的兼容性，保证了不同设备间的显示一致性。
/ 应用步骤与效果 /
1. 确认主题设计： 遵循优秀的设计规范，统一品牌主色、字体、间距、高度等等设计
2. 查看开发示例： 开放平台提供了定制全新主题完整文档
3. 配置样式变量： 按照设计稿，配置样式变量，覆盖样式模板
4. 自定义布局： 自定义开发系统布局，并兼容适配不同屏幕缩放显示效果
5. 查看效果： HZERO 平台中配置新主题和布局，查看效果
通过一系列的开发和配置，在短时间内实现了主题设计，并且形成了自己的品牌风格，保证了多样设备的一致性。
在单一系统应用成功后，可迅速将主题配置代码移植到多个 HZERO 系统中，实现了风格统一。
欢迎试用
以上就是 HZERO 主题配置的简要介绍，如果您有更好的想法和建议，欢迎积极反馈给我们，欢迎试用。
- 主题介绍：
- 开放平台 UED 文档地址：
