Hover Color aus dem CMS-Backend

Shopware 6 (German) Programmierung
,
1

Hallo liebe Shopware-Community,

ich möchte „eigentlich“ was ganz einfaches tun und zwar in einem CMS-Element die :hover color setzen und dann ans Frontend übergeben. Normalerweise ist das ja ziemlich simple, aber wie macht man das ganze, denn wenn man eine Farbe on hover übergeben möchte?

Mein Ansatz:
Eine computed property:

styles() {
            return {
                '--color--hover': this.colorHover
            }

Danach im CSS das ganze definiere:

div:hover {
        color: var(--color-hover);
    }

und dann am Ende binden:

<div :style="styles"></div>

Leider funktioniert das nicht… Jemand eine Idee oder habe ich etwas übersehen?