主题风格
主题风格用于设置当前装修模板的品牌主色,并自动生成按钮、文字高亮和状态背景等配套颜色。
设置主题
- 进入【页面装修 > 主题风格】;
- 在页面顶部确认当前编辑的装修模板;
- 选择【系统推荐】并选择预设色系,或选择【自定义】填写品牌色;
- 查看颜色预览和页面预览;
- 点击底部【保存配置】;
- 打开主要页面,检查按钮、价格、链接和状态提示的可读性。
主题保存到当前装修模板。切换模板后应重新确认对应主题配置。
未修改或恢复原值时,保存按钮禁用;保存失败保留颜色选择,可以重试。存在未保存的修改时,不能刷新或切换模板;可先保存,或点击【撤销修改】恢复已保存配置。保存按钮始终使用管理端统一样式,用户端主题色只展示在颜色和页面预览中。
宽工作区显示并排页面预览,窄工作区通过标题栏【模板预览】打开弹窗。模板加载失败时可重试,刷新失败保留当前配置。
系统推荐与自定义
- 系统推荐:从预设主色中选择,系统自动生成深浅色阶;
- 自定义:选择一个品牌主色,系统根据该颜色生成配套变量。
页面编辑器或组件中单独设置的颜色优先于全局主题。发现局部颜色没有随主题变化时,应检查页面或组件是否使用了自定义配色。
颜色预览显示主题名称、主色和六档深浅色阶,系统推荐和自定义主题均使用保存配置中的实际颜色。
选择建议
- 主色应与品牌标识保持一致;
- 文字与背景之间保持足够对比度;
- 检查正常、选中、禁用、成功和警告等状态;
- 避免使用过亮或过浅、导致文字难以识别的颜色;
- 主题调整后,重新检查首页、商品详情、购物车和订单页面。
只有具备主题更新权限的账号才能保存配置。没有保存按钮时,请先检查当前工作空间和账号权限。