Skip to content

主题风格 ​

主题风格用于设置当前装修模板的品牌主色,并自动生成按钮、文字高亮和状态背景等配套颜色。

设置主题 ​

  1. 进入【页面装修 > 主题风格】;
  2. 在页面顶部确认当前编辑的装修模板;
  3. 选择【系统推荐】并选择预设色系,或选择【自定义】填写品牌色;
  4. 查看颜色预览和页面预览;
  5. 点击底部【保存配置】;
  6. 打开主要页面,检查按钮、价格、链接和状态提示的可读性。

主题保存到当前装修模板。切换模板后应重新确认对应主题配置。

未修改或恢复原值时,保存按钮禁用;保存失败保留颜色选择,可以重试。存在未保存的修改时,不能刷新或切换模板;可先保存,或点击【撤销修改】恢复已保存配置。保存按钮始终使用管理端统一样式,用户端主题色只展示在颜色和页面预览中。

宽工作区显示并排页面预览,窄工作区通过标题栏【模板预览】打开弹窗。模板加载失败时可重试,刷新失败保留当前配置。

系统推荐与自定义 ​

  • 系统推荐:从预设主色中选择,系统自动生成深浅色阶;
  • 自定义:选择一个品牌主色,系统根据该颜色生成配套变量。

页面编辑器或组件中单独设置的颜色优先于全局主题。发现局部颜色没有随主题变化时,应检查页面或组件是否使用了自定义配色。

颜色预览显示主题名称、主色和六档深浅色阶,系统推荐和自定义主题均使用保存配置中的实际颜色。

选择建议 ​

  • 主色应与品牌标识保持一致;
  • 文字与背景之间保持足够对比度;
  • 检查正常、选中、禁用、成功和警告等状态;
  • 避免使用过亮或过浅、导致文字难以识别的颜色;
  • 主题调整后,重新检查首页、商品详情、购物车和订单页面。

只有具备主题更新权限的账号才能保存配置。没有保存按钮时,请先检查当前工作空间和账号权限。

为中小企业量身打造的新一代业务引擎