Tach!
Das lässt darauf schließen, dass dein CSS eine Referenz auf nichts setzt, dann das Javascript eine Property hinzufügt, aber das CSS nicht nochmal durchläuft, um die nun vorhandene Property zu berücksichtigen und die Referenz korrekterweise auf diese zu setzen.
Das halte ich für einen Trugschluss, denn wie gezeigt funktioniert das Ganze ja für
--color[1-6]
und--color
.
Nächster Versuch: content ist ein Referenztyp, color ein Value-Typ. Dann müsste man mindestens einen Defaultwert setzen, um ihn überwachen zu können, und dann schreibt es bei Änderungen den Wert direkt hinein. (Ist auch nur eine Vermutung.)
dedlfix.