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. (Lovelace) Farbe der Icons verändern

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    7
    1
    261

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    246

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

(Lovelace) Farbe der Icons verändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
24 Beiträge 2 Kommentatoren 2.9k 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.
  • J johannes1702

    Hallo,

    ich versuche mich gerade an einem "Glance".

    type: glance
    entities:
      - entity: sensor.Keller_Bewegungsmelder
        name: Keller
        icon: 'mdi:run'
      - entity: sensor.Schlafzimmer_Bewegungsmelder
        name: Schlafzimmer
        icon: 'mdi:run'
      - entity: sensor.Flur_Bewegung_Ost
        icon: 'mdi:run'
      - entity: sensor.Flur_Bewegung_West
        icon: 'mdi:run'
      - entity: sensor.Kueche_Bewegungsmelder
        icon: 'mdi:run'
    title: Bewegung (Glance)
    show_icon: true
    state_color: true
    show_state: true
    columns: 3
    

    Dabei hätte ich es gerne, dass sich die Farbe des Symbols ändert, wenn der Status "true" ist. Lt. Doku sollte das standardmäßig eigentlich passieren. Habe es nochmal über "state_color: true" definiert, aber erfolglos. :-(

    Jemand eine Idee?

    LG Johannes

    PS: Ist das eigentlich hier nen guter Ort, um Fragen zu Lovelace zu stellen? Irgendwie ist es sehr VIS lastig hier :-)

    CrunkFXC Offline
    CrunkFXC Offline
    CrunkFX
    Forum Testing
    schrieb am zuletzt editiert von
    #2

    @johannes1702 Hey, wärst du so lieb und würdest das Mal so probieren: https://www.smarthome-tricks.de/software-iobroker/iobroker-visualisierung-mit-lovelace-teil-8-entity-filter/

    Außerdem ist das hier Prima, denn auch Lovelace ist ne Vis und daher fragen hier super aufgehoben.

    MFG
    CrunkFX

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

    1 Antwort Letzte Antwort
    0
    • J Offline
      J Offline
      johannes1702
      schrieb am zuletzt editiert von
      #3

      Hey,

      habe das mal probiert:

      type: entity-filter
      entities:
        - entity: sensor.BalkonOst_Wasserstand
          name: Wasserstand
        - entity: sensor.Haus_Briefkasten_Erschuetterung
          name: Briefkasten
      state-filter:
        - 'on'
      card:
        type: glance
        title: Sensoren
      

      Bekomme aber leider einen Fehler:
      63e02a96-74f3-42f2-bdd3-552903af13be-grafik.png

      Lasse ich den Filter weg, motzt er, auch wenn ich 'on' zu 'true' oder true ändere.

      LG Johannes

      CrunkFXC 1 Antwort Letzte Antwort
      0
      • J johannes1702

        Hey,

        habe das mal probiert:

        type: entity-filter
        entities:
          - entity: sensor.BalkonOst_Wasserstand
            name: Wasserstand
          - entity: sensor.Haus_Briefkasten_Erschuetterung
            name: Briefkasten
        state-filter:
          - 'on'
        card:
          type: glance
          title: Sensoren
        

        Bekomme aber leider einen Fehler:
        63e02a96-74f3-42f2-bdd3-552903af13be-grafik.png

        Lasse ich den Filter weg, motzt er, auch wenn ich 'on' zu 'true' oder true ändere.

        LG Johannes

        CrunkFXC Offline
        CrunkFXC Offline
        CrunkFX
        Forum Testing
        schrieb am zuletzt editiert von
        #4

        @johannes1702 Moment ich schau mir das Mal eben an.

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        1 Antwort Letzte Antwort
        0
        • J Offline
          J Offline
          johannes1702
          schrieb am zuletzt editiert von
          #5

          Ich glaube, das hat ggf. auch was mit der manuellen Einbindung der Sensoren zu tun. Hatte gerade mal einen Bewegungsmelder rausgeworfen und mal automatisch hinzufügen lassen. Und dann nochmal nen Glance erstellt:

          fd5aa8eb-eca8-47de-b309-351ba70bd2c4-grafik.png

          Und dann bekomme ich auch eine Veränderung, wenn der auslöst.

          Nicht, dass du dir unnötig Arbeit machst :-(

          Johannes

          CrunkFXC 1 Antwort Letzte Antwort
          0
          • J johannes1702

            Ich glaube, das hat ggf. auch was mit der manuellen Einbindung der Sensoren zu tun. Hatte gerade mal einen Bewegungsmelder rausgeworfen und mal automatisch hinzufügen lassen. Und dann nochmal nen Glance erstellt:

            fd5aa8eb-eca8-47de-b309-351ba70bd2c4-grafik.png

            Und dann bekomme ich auch eine Veränderung, wenn der auslöst.

            Nicht, dass du dir unnötig Arbeit machst :-(

            Johannes

            CrunkFXC Offline
            CrunkFXC Offline
            CrunkFX
            Forum Testing
            schrieb am zuletzt editiert von
            #6

            @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

            state_filter:
            
            anstatt
            
            state-filter:
            

            Aber leider macht der Entity Filter nicht das was ich dachte. Er zeigt in der Glance Card nur Objekte an, die in den Filter passen. Sorry dafür.
            Glance funktioniert bei mir zwar wenn ich mir den Wert anzeigen lasse, aber auch bei mir ändert sich das Icon nicht. Ich schau aber nochmal.

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            J 1 Antwort Letzte Antwort
            1
            • CrunkFXC CrunkFX

              @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

              state_filter:
              
              anstatt
              
              state-filter:
              

              Aber leider macht der Entity Filter nicht das was ich dachte. Er zeigt in der Glance Card nur Objekte an, die in den Filter passen. Sorry dafür.
              Glance funktioniert bei mir zwar wenn ich mir den Wert anzeigen lasse, aber auch bei mir ändert sich das Icon nicht. Ich schau aber nochmal.

              J Offline
              J Offline
              johannes1702
              schrieb am zuletzt editiert von
              #7

              @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

              @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

              Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

              CrunkFXC 2 Antworten Letzte Antwort
              0
              • J johannes1702

                @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

                @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

                CrunkFXC Offline
                CrunkFXC Offline
                CrunkFX
                Forum Testing
                schrieb am zuletzt editiert von
                #8

                @johannes1702 Schau dir das mal als alternative an. Das nutze ich auch und bietet viel mehr Einstellungsmöglichkeiten, die gut Dokumentiert sind.
                https://github.com/custom-cards/button-card

                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                1 Antwort Letzte Antwort
                0
                • J johannes1702

                  @CrunkFX sagte in (Lovelace) Farbe der Icons verändern:

                  @johannes1702 OK folgendes. Das was ich dir geschickt habe funktioniert, wenn man es richtig nachbaut.

                  Da hast du wohl recht :-D Sry, ja dann gehts auch bei mir. Filterung aber auch nicht. Mit dem normalen Glance und wenn die Sensoren als Binary automatisch angelegt wurden, dann habe ich auch den Wechsel der Icons.

                  CrunkFXC Offline
                  CrunkFXC Offline
                  CrunkFX
                  Forum Testing
                  schrieb am zuletzt editiert von
                  #9

                  @johannes1702 Kleines Beispiel für deinen Briefkasten cc6ca0fb-c23c-4df8-ad4d-07894c10d506-grafik.png

                  type: 'custom:button-card'
                  icon: 'mdi:cube'
                  entity: sensor.Test
                  color_type: card
                  color: 'rgb(66, 134, 244)'
                  name: Briefkasten
                  state:
                    - value: true
                      color: 'rgb(0, 255, 0)'
                    - value: false
                      color: 'rgb(255, 0, 0)'
                  
                  

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Antwort Letzte Antwort
                  1
                  • J Offline
                    J Offline
                    johannes1702
                    schrieb am zuletzt editiert von
                    #10

                    Wow, sehr interessant und Danke dir für das Beispiel.

                    Frage: Wie bekomme ich button-card denn installiert? 😖

                    CrunkFXC 1 Antwort Letzte Antwort
                    0
                    • J johannes1702

                      Wow, sehr interessant und Danke dir für das Beispiel.

                      Frage: Wie bekomme ich button-card denn installiert? 😖

                      CrunkFXC Offline
                      CrunkFXC Offline
                      CrunkFX
                      Forum Testing
                      schrieb am zuletzt editiert von CrunkFX
                      #11

                      @johannes1702 Das hier downloaden http://www.github.com/custom-cards/button-card/releases/latest/download/button-card.js und dann in den Instanzeinstellungen hier reinziehen: 8.PNG

                      Zuletzt noch im Raw Editor 9.PNG 10.PNG
                      Die Abhängigkeit hinzufügen.

                      resources:
                        - type: module
                          url: /cards/button-card.js
                      

                      EDIT
                      Es gab mal beim reinziehen ein Problem mit Firefox. Falls es nicht klappt nimm kurz nen anderen Browser

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      1 Antwort Letzte Antwort
                      1
                      • J Offline
                        J Offline
                        johannes1702
                        schrieb am zuletzt editiert von
                        #12

                        Ok, das war einfach :-) Was zum Spielen :-D

                        CrunkFXC 1 Antwort Letzte Antwort
                        0
                        • J johannes1702

                          Ok, das war einfach :-) Was zum Spielen :-D

                          CrunkFXC Offline
                          CrunkFXC Offline
                          CrunkFX
                          Forum Testing
                          schrieb am zuletzt editiert von
                          #13

                          @johannes1702 Hihi, bei Fragen einfach stellen. 🤠

                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          J 1 Antwort Letzte Antwort
                          1
                          • CrunkFXC CrunkFX

                            @johannes1702 Hihi, bei Fragen einfach stellen. 🤠

                            J Offline
                            J Offline
                            johannes1702
                            schrieb am zuletzt editiert von
                            #14

                            @CrunkFX Die kommen :-D

                            J 1 Antwort Letzte Antwort
                            0
                            • J johannes1702

                              @CrunkFX Die kommen :-D

                              J Offline
                              J Offline
                              johannes1702
                              schrieb am zuletzt editiert von
                              #15

                              @CrunkFX Ich hab es angedroht :-)

                              Erstmal, tolle Erweiterung zu Lovelace, danke für den Tipp. Macht echt Spaß.

                              Habe mal das gebaut, sollen zum Schluss dann 2 Reihen mit ja 4 Symbolen/Buttons werden:

                              c70bdad9-1e39-4dcd-970d-ce60029e9d8e-grafik.png

                              type: vertical-stack
                              title: Sensoren
                              cards:
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: binary_sensor.WZ_Terrassentuere_rechts
                                      name: Terrassentüre
                                      icon: 'mdi:door'
                                      tap_action:
                                        action: none
                                      show_state: false
                                      state:
                                        - value: true
                                          color: 'rgb(255, 215, 0)'
                                        - value: false
                                          color: 'rgb(0, 205, 0)'
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: binary_sensor.Bewegungsmelder_SZ_Bewegung
                                      name: Schlafzimmer
                                      icon: 'mdi:motion-sensor'
                                      tap_action:
                                        action: none
                                      show_state: false
                                      state:
                                        - value: true
                                          color: 'rgb(255, 215, 0)'
                                        - value: false
                                          color: 'rgb(0, 205, 0)'
                              

                              Funktioniert soweit, bis darauf, dass das Icon nicht grün wird. Ist der Sensorwert true, wird es gelb. Bei false soll es grün werden, nicht blau. :-(

                              Und noch was: Wenn ich eine Zeile mit # auskommentiere, dann ist nach dem speichern und neu öffnen die Zeile weg. Kann man dem das Löschen abgewöhnen. Auskommentieren finde ich zum testen doch ganz nett. :-)

                              Danke :-)

                              LG Johannes

                              CrunkFXC 1 Antwort Letzte Antwort
                              0
                              • J johannes1702

                                @CrunkFX Ich hab es angedroht :-)

                                Erstmal, tolle Erweiterung zu Lovelace, danke für den Tipp. Macht echt Spaß.

                                Habe mal das gebaut, sollen zum Schluss dann 2 Reihen mit ja 4 Symbolen/Buttons werden:

                                c70bdad9-1e39-4dcd-970d-ce60029e9d8e-grafik.png

                                type: vertical-stack
                                title: Sensoren
                                cards:
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: binary_sensor.WZ_Terrassentuere_rechts
                                        name: Terrassentüre
                                        icon: 'mdi:door'
                                        tap_action:
                                          action: none
                                        show_state: false
                                        state:
                                          - value: true
                                            color: 'rgb(255, 215, 0)'
                                          - value: false
                                            color: 'rgb(0, 205, 0)'
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: binary_sensor.Bewegungsmelder_SZ_Bewegung
                                        name: Schlafzimmer
                                        icon: 'mdi:motion-sensor'
                                        tap_action:
                                          action: none
                                        show_state: false
                                        state:
                                          - value: true
                                            color: 'rgb(255, 215, 0)'
                                          - value: false
                                            color: 'rgb(0, 205, 0)'
                                

                                Funktioniert soweit, bis darauf, dass das Icon nicht grün wird. Ist der Sensorwert true, wird es gelb. Bei false soll es grün werden, nicht blau. :-(

                                Und noch was: Wenn ich eine Zeile mit # auskommentiere, dann ist nach dem speichern und neu öffnen die Zeile weg. Kann man dem das Löschen abgewöhnen. Auskommentieren finde ich zum testen doch ganz nett. :-)

                                Danke :-)

                                LG Johannes

                                CrunkFXC Offline
                                CrunkFXC Offline
                                CrunkFX
                                Forum Testing
                                schrieb am zuletzt editiert von
                                #16

                                @johannes1702 Mahlzeit, bist du sicher, dass true und false boolsche Werte sind? Wenn ja, ersetz Mal false durch null , das hat beim Tileboard auch funktioniert.

                                Probier das mit dem auskommentieren Mal im RAW Editor wo du Ressources hinzugefügt hast.

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                1 Antwort Letzte Antwort
                                0
                                • J Offline
                                  J Offline
                                  johannes1702
                                  schrieb am zuletzt editiert von
                                  #17

                                  @CrunkFX

                                  Guten Morgen,

                                  habe mal null probiert, hat aber nichts verändert. Also in den Objekten ist es auf jeden Fall (noch) ein boolean Wert:

                                  {
                                    "type": "state",
                                    "common": {
                                      "name": "OpenClose 25 open",
                                      "type": "boolean",
                                      "role": "sensor.open",
                                      "read": true,
                                      "write": false,
                                      "custom": {
                                        "lovelace.0": {
                                          "enabled": true,
                                          "entity": "binary_sensor",
                                          "name": "WZ_Terrassentuere_rechts"
                                        }
                                      }
                                    },
                                    "native": {},
                                    "from": "system.adapter.deconz.0",
                                    "user": "system.user.admin",
                                    "ts": 1594748470204,
                                    "_id": "deconz.0.Sensors.25.open",
                                    "acl": {
                                      "object": 1638,
                                      "state": 1638
                                    }
                                  }
                                  

                                  Kann man irgendwie prüfen, was für ein Wert in Lovelace ankommt?

                                  Grüße
                                  Jo

                                  CrunkFXC 1 Antwort Letzte Antwort
                                  -1
                                  • J johannes1702

                                    @CrunkFX

                                    Guten Morgen,

                                    habe mal null probiert, hat aber nichts verändert. Also in den Objekten ist es auf jeden Fall (noch) ein boolean Wert:

                                    {
                                      "type": "state",
                                      "common": {
                                        "name": "OpenClose 25 open",
                                        "type": "boolean",
                                        "role": "sensor.open",
                                        "read": true,
                                        "write": false,
                                        "custom": {
                                          "lovelace.0": {
                                            "enabled": true,
                                            "entity": "binary_sensor",
                                            "name": "WZ_Terrassentuere_rechts"
                                          }
                                        }
                                      },
                                      "native": {},
                                      "from": "system.adapter.deconz.0",
                                      "user": "system.user.admin",
                                      "ts": 1594748470204,
                                      "_id": "deconz.0.Sensors.25.open",
                                      "acl": {
                                        "object": 1638,
                                        "state": 1638
                                      }
                                    }
                                    

                                    Kann man irgendwie prüfen, was für ein Wert in Lovelace ankommt?

                                    Grüße
                                    Jo

                                    CrunkFXC Offline
                                    CrunkFXC Offline
                                    CrunkFX
                                    Forum Testing
                                    schrieb am zuletzt editiert von
                                    #18

                                    @johannes1702 Wenn das Objekt als bool konfiguriert ist, dann kommt auch bool in Lovelace an. Änder Mal den Datenpunkt von binary in Sensor.

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    J 1 Antwort Letzte Antwort
                                    0
                                    • CrunkFXC CrunkFX

                                      @johannes1702 Wenn das Objekt als bool konfiguriert ist, dann kommt auch bool in Lovelace an. Änder Mal den Datenpunkt von binary in Sensor.

                                      J Offline
                                      J Offline
                                      johannes1702
                                      schrieb am zuletzt editiert von
                                      #19

                                      @CrunkFX Ja, das wars. Habe es in Sensor geändert und jetzt wirds grün :-)

                                      CrunkFXC 1 Antwort Letzte Antwort
                                      0
                                      • J johannes1702

                                        @CrunkFX Ja, das wars. Habe es in Sensor geändert und jetzt wirds grün :-)

                                        CrunkFXC Offline
                                        CrunkFXC Offline
                                        CrunkFX
                                        Forum Testing
                                        schrieb am zuletzt editiert von
                                        #20

                                        @johannes1702 Perfekt

                                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        J 1 Antwort Letzte Antwort
                                        0
                                        • CrunkFXC CrunkFX

                                          @johannes1702 Perfekt

                                          J Offline
                                          J Offline
                                          johannes1702
                                          schrieb am zuletzt editiert von
                                          #21

                                          @CrunkFX

                                          Hatte den Bewegungssensor (Schlafzimmer) ja automatisch eingebunden. Scheinbar hakt es da etwas... Wenn ich ihn manuell einbinde, als sensor, dann geht der auch.

                                          CrunkFXC 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

                                          573

                                          Online

                                          32.8k

                                          Benutzer

                                          82.8k

                                          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