# 要点

新增主题,推荐方式是将默认主题(/src/common/styles/theme/default)复制一份并重命名,对其 var.less 中的变量做修改即可。

# 可修改变量表

CAF前端框架包括基础组件库,自身业务组件库,以及系统管理、平台管理、工作流、状态机、定时任务等核心功能。这三部分样式均可通过修改样式变量而改变样式,事实上,框架中任何样式都可通过这种方式实现定制。

# 基础组件库

样式变量表:/node_modules/pruit/src/styles/custom.less

# 业务组件库

数据服务组件query、通用树组件e-tree、视图编辑器view-editor、视图展示组件page-making,这四个核心业务组件的样式变量表:
/node_modules/pchoc/src/styles/var.less

# 核心功能

样式变量表: /src/common/styles/var.less

# 深度定制

需深度定制主题时,可在主题目录下的 style-fix.less 中重写某些样式定义,而非简单的变量修改。