Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Farbe Ändern bei SVG Icons

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    657

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Farbe Ändern bei SVG Icons

Geplant Angeheftet Gesperrt Verschoben Visualisierung
4 Beiträge 2 Kommentatoren 560 Aufrufe 3 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Z Offline
    Z Offline
    zap
    Developer
    schrieb am zuletzt editiert von
    #1

    Hallo,

    ich möchte gerne bei einem Icon in VIS die Farbe ändern. Geht das? Wenn ja, mit welchem Widget?

    Einige Widget bieten "invertieren" an. Da wird halt nur zwischen Schwarz und Weiß umgeschaltet.

    Den CSS Trick mit der Kombination von Filtern kenne ich, ist halt sehr aufwändig.

    OliverIOO 1 Antwort Letzte Antwort
    0
    • Z zap

      Hallo,

      ich möchte gerne bei einem Icon in VIS die Farbe ändern. Geht das? Wenn ja, mit welchem Widget?

      Einige Widget bieten "invertieren" an. Da wird halt nur zwischen Schwarz und Weiß umgeschaltet.

      Den CSS Trick mit der Kombination von Filtern kenne ich, ist halt sehr aufwändig.

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #2

      @zap

      das kommt auf das svg an.
      du kannst mal ein image widget probieren, die svg datei auswählen und dort bei den css einstellungen Font/color die Textfarbe ändern

      Dann gibt es noch ein widget svg bool, da kann man den quelltext direkt reinkopieren, da dann das selbe

      Alternativ kannst du auch die svg-Datei hier mal reinposten, dann kann ich mal schauen, wie eine css anweisung aussehen soll

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      Z 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @zap

        das kommt auf das svg an.
        du kannst mal ein image widget probieren, die svg datei auswählen und dort bei den css einstellungen Font/color die Textfarbe ändern

        Dann gibt es noch ein widget svg bool, da kann man den quelltext direkt reinkopieren, da dann das selbe

        Alternativ kannst du auch die svg-Datei hier mal reinposten, dann kann ich mal schauen, wie eine css anweisung aussehen soll

        Z Offline
        Z Offline
        zap
        Developer
        schrieb am zuletzt editiert von
        #3

        @oliverio ok, danke! Das Image Widget hatte ich schon probiert. Font/color wird konsequent ignoriert.

        Ich frage mich halt, wie andere Oberflächen das machen (z.B. FHEM). Da konnte ich für jedes SVG (zumindest jedes, das ich damals verwendet habe) einfach die Farbe festlegen.

        Ich werde jetzt halt die Farbe direkt in der SVG Datei anpassen.

        OliverIOO 1 Antwort Letzte Antwort
        0
        • Z zap

          @oliverio ok, danke! Das Image Widget hatte ich schon probiert. Font/color wird konsequent ignoriert.

          Ich frage mich halt, wie andere Oberflächen das machen (z.B. FHEM). Da konnte ich für jedes SVG (zumindest jedes, das ich damals verwendet habe) einfach die Farbe festlegen.

          Ich werde jetzt halt die Farbe direkt in der SVG Datei anpassen.

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von
          #4

          @zap
          das geht auch, aber man kann auch eine css anweisung schreiben

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate

          543

          Online

          32.7k

          Benutzer

          82.6k

          Themen

          1.3m

          Beiträge
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Anmelden

          • Du hast noch kein Konto? Registrieren

          • Anmelden oder registrieren, um zu suchen
          • Erster Beitrag
            Letzter Beitrag
          0
          • Home
          • Aktuell
          • Tags
          • Ungelesen 0
          • Kategorien
          • Unreplied
          • Beliebt
          • GitHub
          • Docu
          • Hilfe