主题配色

在优化仪表板组件样式时，用户常常需要配置颜色属性，比如设置组件背景色、调整字体颜色等等。然而，如何巧妙搭配各种颜色，使看板呈现出和谐美观的视觉效果，往往让用户感到困扰。

本文将详细地介绍「主题配色」功能，助力用户轻松优化看板整体色彩，同时大幅降低操作成本，让看板设计变得更加简单高效。

产品中内置多套主题样式，如下图所示：

每套主题样式拥有一套与之相匹配且和谐的颜色方案，即「主题颜色」。

以「默认亮白」主题为例，其主题配色应用于整个看板，使看板在视觉上保持一致的风格。

注：图表Pro、复杂表格主题配色组合色由 8 位增加到12位，同时标准色支持「透明」，如下图所示：

1）图表、复杂表格的外观设置中使用了主题颜色，切换主题样式后，主题颜色会相应变化，快速适配看板的整体风格。

例如，将某一主题配色中的颜色设为图表的背景色，切换主题样式后，该背景颜色会自动变为新主题对应位置的颜色，确保看板风格的连贯性。

若用户不希望组件颜色跟随仪表板样式变化，则可以选中组件，并取消勾选「跟随仪表板样式」，如下图所示：

1）主题颜色的第一列通常为「背景颜色」，适合用于看板整体背景、图片组件背景等。

2）主题配色的第二列一般作为「文本颜色」，常用于标题、时间控件等。比如，第一行可设为一级标题颜色，第二行设为二级标题颜色，以区分不同层级的文字信息，增强信息的可读性。

3）主题颜色中其余列的组合色，用户可根据实际需求灵活设置。这些组合色可用于按钮边框等等，为看板增添丰富的视觉层次。

下面将以一个模板演示主题配色的使用：

1）第一列作为背景色使用：

• 第一列第一个为仪表板整体背景颜色；
  

• 第一列第二个为各区域的图片背景颜色；

这两个背景色搭配起来较为和谐，若有第三层分区，同样可从第一列选取其他颜色，确保背景颜色的协调性。

2）第二列作为文字颜色使用：

• 第二列第一个为一级标题颜色，突出区域主题；
  

• 第二列第二个为二级标题颜色，辅助区分内容层级；

若存在三级标题，可从该列其他颜色中选择合适的颜色，使各级标题在视觉上层次分明。

3）当模板使用主题配色进行样式设置后，切换主题样式时，看板的颜色会随之改变，且整体依然保持和谐美观。用户无需重新调整颜色搭配，就能轻松切换看板风格。