Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. png icons in der VIS einfärben

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    png icons in der VIS einfärben

    This topic has been deleted. Only users with topic management privileges can see it.
    • capitaenz
      capitaenz last edited by

      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 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @capitaenz last edited by

        @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.

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Support us

        ioBroker
        Community Adapters
        Donate

        956
        Online

        32.1k
        Users

        80.8k
        Topics

        1.3m
        Posts

        vis
        2
        2
        300
        Loading More Posts
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes
        Reply
        • Reply as topic
        Log in to reply
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
        The ioBroker Community 2014-2023
        logo