如何自定义SAP Spartacus店铺的界面颜色风格

时间:2022-07-24
本文章向大家介绍如何自定义SAP Spartacus店铺的界面颜色风格，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

SAP Spartacus电商页面默认的颜色风格： 注意下图红色高亮部分的颜色风格：

在项目文件夹的style.scss里，添加如下代码片段：

:root {
    --cx-color-primary: blue;
    --cx-color-secondary: green;
   }

更改之后的颜色效果：

以这个蓝色的购物车为例，

其css background属性的值来自变量–cx-color-primary,

后者定义在文件_mini-cart.scss里：

searchbox的颜色来自–cx-color-secondary：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

随机文章
本站知识点必读
最近更新