SVG einfärben in data-type=image

[Otto]

Hallo,

kann ich eine SVG per CSS einfärben?
Hier mein Code:

Code Auswählen Erweitern


<div style="margin-top: -5px"
                data-type="image"
                data-device="Wetter"
                data-get="fc1_iconAPI"
                data-suffix=".svg"
                data-path="weather-icons/"
                data-opacity="1.0"
                data-size="55"
>
       </div>

[setstate]

Hier habe ich dazu etwas gefunden: https://blog.union.io/code/2017/08/10/img-svg-fill/

Ich habe das mal kurzerhand in das CSS eingepflegt > funktioniert (ist im Update)

Jetzt kann man white, blue, green, yellow, orange, red, grey hinzufügen

Code Auswählen Erweitern


  class="blue"


Geht auch gesteuert per zweitem Reading

Code Auswählen Erweitern


<div  data-type="image"
         data-get="dummy1:STATE"
         data-suffix=".svg"
         data-path="../images/fhemSVG/"
         data-opacity="1.0"
         data-size="55"
         data-state-get="dummy2:STATE"
         data-states='["on","off"]'
         data-classes='["green","red"]'>   
</div>


[Otto]

Hi,

danke für die schnelle Umsetzung.

Code Auswählen Erweitern

class="white" und

Code Auswählen Erweitern

class="grey" geht leider nicht.

Liegt wohl an meiner Datei

Ich hänge die svg mal an.