# 主题化设置 主体化设置是为了更好的符合用户需求，直观的修改客户所见主题颜色；一方面促进增加组件进程的可复用性，另一方面也可以扩展用户选择范围，更好的服务客户。 ## 主题色 > 当前主题色设为一个（color1） > 可用样式class如下 > `.bg-color1` > `.text-color1` > `.ab-color1` > `.bc-color1` |class名称|含义或用途|备注| |---|---|---| |`bg-color1`|设置背景色为color1|最高权重| |`text-color1`|设置文字颜色为color1|最高权重| |`ab-color1`|设置当前前后插入背景色为color1|| |`btn-color1`|按钮颜色变换（暂不推荐使用）|color1c转color1a| |`bc-color1`|边框颜色设为color1|border-color| |`t-line bg-color1`|组合设置标题下方的纯色横线（居中）|须组合使用| |`h-line bg-color1`|组合设置标题前方的纯色竖线（前置）|须组合使用| 例如： > 虚线框中横线即使用`<span class="t-line bg-color1"></span>`  ## 重用组件class