Shopware 6 如何在scss中使用配置好的主题原色？

Posted 2023-02-16

【中文标题】Shopware 6 如何在scss中使用配置好的主题原色？

【英文标题】：Shopware 6 How can I use the configured primary colour of the theme in scss?

【发布时间】：2021-12-22 08:33:37

【问题描述】：

在管理的主题设置中，我可以设置主要颜色和次要颜色。 如何在主题 scss 中使用这些颜色？我已经查看了文档，但只能找到 how to add config values as scss，但找不到已经存在的以及它们的名称。

【参考方案1】：

有两种方法可以确定变量的名称：

在 scss 中查找变量的默认值。默认值在vendor/shopware/storefront/Resources/app/storefront/src/scss/skin/shopware/abstract/variables/_theme.scss 中定义，其中列出了可以在管理中配置的值的变量。 可以配置的字段在theme.json 中定义。对于默认主题，它位于vendor/shopware/storefront/Resources/theme.json。在config.fields 中查找密钥。

因此，对于主要颜色和次要颜色，变量名称是 $sw-color-brand-primary 和 $sw-color-brand-secondary。