[Bug] The themed legend is not applyed

[throrin19]

Version

5.6.0

Link to Minimal Reproduction

https://codepen.io/throrin19/pen/ogvEgxp

Steps to Reproduce

1. Create a theme with theme builder and change legend color to a different one (like a ugly red to see it easilly)
2. Register this theme
3. init echart with this theme
4. Create a chart with legend
5. And voilà, the color is not correct

Current Behavior

The legend works fine in theme builder but not if we use this theme in our project with no reason.
In my example, I set the legend color to red and I want to see that :

But Actually I have this result with no modification of the legend. If I inspect the result with SvgRenderer, the legend Text fill is set to #333 and don't change.

Expected Behavior

The theme apply the correct legend color.

Environment

- OS: MacOs
- Browser: Chrome
- Framework: Vue@3 but I have same thing without framework

Any additional comments?

No response

[sz-p]

Try

-   "legendTextColor": "#d21919",
+    legend:{
+       textStyle:{
+         color: "#d21919"
+       }
+    },

[throrin19]

@sz-p ok but in that case all theme builder is wrong and return wrong format.

[sz-p]

Try to use theme builder the feat [Theme Download] not [Export]. The exported JSON is incorrect.

Follow this step:

1. Theme Download
2. JSON version
3. Download