Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[capitaenz]

Moin zusammen,

ich suche jetzt schon eine Weile nach der Möglichkeit .png icons einzufärben.
Ist meine Vermutung richtig, dass dies nicht unterstützt wird?
Funktionieren müsste es meiner Meinung nach mit:

.fill {
  fill: #FF0000b; 
}

Leider wird mir schon direkt im CCS-Menü ein "unknown" angezeigt.
Wenn ich dann unter "CCS Klasse" "fill" eintrage, passiert natürlich nichts weiter.

Gibt es eine Möglichkeit die ich noch nicht kenne?

Danke und VG
Leif

[OliverIO]

@capitaenz
Das ist so ohne weiteres mit css nicht möglich.

Grafiken kannst du begrenzt beeinflussen mit der css Anweisung Filter. Aber ein direkter Tausch einer Farbe zu einer anderen ist da nicht dabei.
2)
Wenn deine Grafik entsprechend beschaffen ist, dann kannst du den Hintergrund einfärben, welche dann durch transparente Anteile der png erscheint oder durchscheint
3)
Für dynamische Farben sind svg Grafiken vorzuziehen, falls du da wahlmöglichkeiten hast. Dort kann man auf die Color, oder fillcolor bspw eines paths mit css Einfluss nehmen.
4)
Zuletzt könntest du die Grafik noch in einen html canvas laden und dann über 2 schleifen alle Pixel durchgehen, Farbe prüfen und die Farbe tauschen.