Temperatur farblich anpassen

[Hphphub]

Hallo zusammen

Ich versuche gerade das nur die temperatur die farbe je nach zustand änder zu wechseln… jedoch passiert mit meinem code nichts und bin gerade etwas ratlos…

type: heading
heading_style: title
heading: Chinder Zimmär
badges:

- type: entity
  entity: sensor.0x001788010919071d_temperature
  grid_options:
  columns: 10
  rows: 1
  card_mod:
  style: |
  ha-card {
  {% if states(config.entity) | float > 26 %}
  –tile-color: red !important;
  {% elif states(config.entity) | float > 22 %}
  –tile-color: green !important;
  {% else %}
  –tile-color: blue !important;
  {% endif %}
  }

by HarryP: Code-/Logzeilen formatiert (bitte immer in </> einbinden)
s.a.: (Neues Update & Features - Hier in der Community 🫶)

[Pompom]

Eventuell so

type: custom:button-card
entity: sensor.t_h_sensor_1_temperatur
name: Kinderzimmer
show_icon: true
show_state: true
styles:
  grid:
    - grid-template-areas: "'n s i'"
    - grid-template-columns: 1fr auto auto
    - align-items: center
  name:
    - grid-area: "n"
    - justify-self: start
    - font-weight: bold
    - color: White
  state:
    - grid-area: s
    - justify-self: end
    - color: |
        [[[ 
          var t = parseFloat(states['sensor.t_h_sensor_1_temperatur'].state);
          if (t > 26) return 'red';
          if (t > 20) return 'green';
          return 'blue';
        ]]]
  icon:
    - grid-area: i
    - width: 20px
    - height: 20px
    - justify-self: start
    - color: |
        [[[ 
          var t = parseFloat(states['sensor.t_h_sensor_1_temperatur'].state);
          if (t > 26) return 'red';
          if (t > 20) return 'green';
          return 'blue';
        ]]]
  card:
    - padding: 18px
    - border-radius: 10px

sieht dann so aus

[Hphphub]

Das währe genau das was ich suche

Jedoch kommt ein fehler… muss ich da noch ein template erstellen?

[Pompom]

        [[[ 
          var t = parseFloat(entity.state);
          if (t > 26) return 'red';
          if (t > 20) return 'green';
          return 'blue';
        ]]] 

Versuche mal das bei - color einzugeben, ansonnsten weiß ich auch nicht weiter. Eventuell liegt es an deinem Sensor, das irgendwelche Attribute fehlen.

[Schlumperdix]

@Hphphub

Das währe genau das was ich suche

Jedoch kommt ein fehler… muss ich da noch ein template erstellen?

Hast du denn die custom Button Card installiert?

Hast du auch die Entitäten (sensoren) von @Pompom gegen deinen eigenen ausgetauscht an den drei Stellen?

[Hphphub]

Ja habe ich alles getauscht wie auch installiert via hacs…

type: custom:button-card
entity: sensor.0x001788010919071d_temperature
name: Chinder Zimmär
show_icon: true
show_state: true
styles:
  grid:
    - grid-template-areas: "'n s i'"
    - grid-template-columns: 1fr auto auto
    - align-items: center
  name:
    - grid-area: "n"
    - justify-self: start
    - font-weight: bold
    - color: White
  state:
    - grid-area: s
    - justify-self: end
    - color: |
        [[[ 
          var t = parseFloat(states['sensor.0x001788010919071d_temperature '].state);
          if (t > 26) return 'red';
          if (t > 20) return 'green';
          return 'blue';
        ]]]
  icon:
    - grid-area: i
    - width: 20px
    - height: 20px
    - justify-self: start
    - color: |
        [[[ 
          var t = parseFloat(states['sensor.0x001788010919071d_temperature  '].state);
          if (t > 26) return 'red';
          if (t > 20) return 'green';
          return 'blue';
        ]]]
  card:
    - padding: 18px
    - border-radius: 10px

[Schlumperdix]

Mach mal die Leerzeichen hinter deinen Sensoren weg… In den JS Schnipseln … Der Sensor steht in Hochokommata… Dahinter hast du einmal ein Leerzeichen bei nächsten mal schon zwei Leerzeichen

Warum steht das in Hochkomma und Anführungszeichen? Gehört das so?

- grid-template-areas: "'n s i'"

Mach da bitte mal die Hochkommata weg

[Hphphub]

Ich werd verrückt, hätte nie an die hochkommata gedacht… danke euch vielmals

[Pompom]

Komisch, bei mir braucht er sie

den Fehler bringt er nur wenn der sensor nicht vorhanden ist.

[Schlumperdix]

Ne…

Die Anführungszeichen braucht der. Aber nicht die Hochkommata. Eventuell akzeptiert der beide Varienten, aber nicht beides zusammen

- grid-template-areas: "n s i"

den Fehler bringt er nur wenn der sensor nicht vorhanden ist.

Dann lag’s vielleicht auch noch an den Leerzeichen in der Entity ID