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

Question

在管理的主题设置中，我可以设置主要颜色和次要颜色。如何在主题 scss 中使用这些颜色？我已经查看了文档，但只能找到如何将配置值添加为 scss而不是已经存在的以及它们的名称。

Answer 1

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

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

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