Shopware 6.5/6.6孙主题重写sw-text-color后变为黑色问题求助

问题背景 #

我们基于官方文档创建了继承自zenitPlatformHorizonSet2的主题MyExampleTheme，而zenitPlatformHorizonSet2又继承自zenitPlatformHorizon。已知旧版本Shopware的主题继承功能存在问题，希望当前版本已优化，但实际遇到以下问题：

在新销售渠道选择该主题后，取消继承sw-text-color并自定义值时，渠道内文本直接变为黑色。推测是该变量重写时丢失，尝试在MyExampleTheme的config字段中重新定义所有依赖$sw-text-color的配置项，但问题未解决。

原主题配置（theme.json） #

{
  "name": "MyExampleTheme",
  "author": "MyExampleTheme",
  "views": [
    "@Storefront",
    "@zenitPlatformHorizon",
    "@zenitPlatformHorizonSet2",
    "@Plugins",
    "@MyExampleTheme"
  ],
  "style": [
    "app/storefront/src/scss/overrides.scss",
    "@zenitPlatformHorizon",
    "@zenitPlatformHorizonSet2",
    "app/storefront/src/scss/base.scss"
  ],
  "script": [
    "@Storefront",
    "@zenitPlatformHorizon",
    "@zenitPlatformHorizonSet2",
    "app/storefront/dist/storefront/js/my-example-theme.js"
  ],
  "asset": [
    "@Storefront",
    "@zenitPlatformHorizon",
    "@zenitPlatformHorizonSet2",
    "app/storefront/dist/assets"
  ],
  "configInheritance": [
    "@Storefront",
    "@zenitPlatformHorizon",
    "@zenitPlatformHorizonSet2"
  ],
  "config": {
    "fields": {
    }
  }
}

尝试的无效解决方案 #

在config.fields中重新定义相关字段：

"config": {
  "fields": {
    "sw-text-color": {
      "value": "#344854"
    },
    "sw-color-price": {
      "value": "$sw-text-color"
    },
    "zen-header-color": {
      "value": "$sw-text-color"
    },
    // 其余依赖字段省略...
  }
}

可行解决方案 #

1. 修正主题配置的变量引用格式 #

Shopware主题配置中引用其他配置变量时，需使用Twig风格的占位符，而非SCSS变量的$前缀。修改后的配置示例：

"config": {
  "fields": {
    "sw-text-color": {
      "value": "#344854"
    },
    "sw-color-price": {
      "value": "{{ sw-text-color }}"
    },
    "zen-header-color": {
      "value": "{{ sw-text-color }}"
    },
    // 其余依赖字段统一修改为{{ sw-text-color }}格式
  }
}

2. 直接在SCSS中覆盖变量（备选方案） #

如果配置层面的修改仍未生效，可在overrides.scss中直接覆盖SCSS变量，优先级更高：

// app/storefront/src/scss/overrides.scss
$sw-text-color: #344854;

3. 强制清理缓存 #

修改主题配置或SCSS后，必须清理Shopware缓存：

• 后台依次进入设置 > 系统 > 缓存，点击"清空缓存"
• 或使用CLI命令：

bin/console cache:clear
bin/console theme:compile

4. 验证继承链配置 #

确认zenitPlatformHorizonSet2的theme.json中，configInheritance已正确包含@zenitPlatformHorizon，且相关字段的变量引用格式正确，无冲突定义。

内容的提问来源于stack exchange，提问作者Alex