Kolor ikon w karcie elementy obrazu

Home Assistant
1

Przeszukałem forum i znalazłem wiele ciekawych informacji dotyczących zmian kolorów ikon.
Wiele nie ukrywam wykorzystałem, ale mam zrobioną mapke pomieszczeń w “elementy obrazu” - plik w załączniku.
w standarcie jest kolor żółty i biały, a potrzebuje czerwony i zielony. i o ile udaje się zrobić czerwony po zmianie stanu to już zielonego jako stan przeciwny nie.
Czy możecie podpowiedzieć jak osiągnąć 2 kolory?
Wpisywałem tak jak kolega @rafkan w jednym z wpisów pisał:

type: entities
style: |
  ha-card {
    icon_color: {% if state('binary_sensor.mojzamek') | int = on} 
                  green
               {% else %}
                  red
               {% endif %}
               ;
         }
entities:
  - entity: binary_sensor.openclose_26

zmieniałem, lepiłem i nic.
Próbowałem coś z :

  color: rgb(0, 0, 255)
  state:
      color: rgb(x, x, x)

Jedyne co działa to tylko jeden kolor podmieniający kolor biały.
Czy któś z Państwa jest w stanie podpowiedzieć jak w tej karcie podmienić też stabdardowy kolor biały?

2

raczej nie możesz binary_state zamienić na INT - to dwie rózne typy dwanych…
ja zmieniam kolor przez style tak jak ponizej, przykład z custom:button-card ale powino działać wszędzie.

    styles:
      icon:
        - color: |
            [[[
              if (entity.state < 30) return 'deepskyblue';
              if (entity.state < 40) return 'lime';
              if (entity.state >= 40 && entity.state < 80) return 'red';
              else return 'grey';
            ]]]
3

zrobiłem tak:

  - type: state-icon
    entity: binary_sensor.telefon_interactive
    icon: mdi:phone-classic
    styles:
      icon:
        - color: |
            [[[
              if (entity.state = on) return 'deepskyblue';
              if (entity.state = off) return 'lime';
              else return 'grey';
            ]]]
    style:
      transform: scale(1)
      left: 1%
      top: 60%

ale lipa, zmieniałem ‘on’, “on”, wywalałem kawałki zamieniałem i chyba nie wcelowałem w prawdziwą wartość.

4

Typy kard można “miksować”
Na przykład karta custom:mushroom-chips-card w picture-elements

type: picture-elements
image: /local/tv.jpg
elements:
  - type: custom:mushroom-chips-card
    chips:
      - type: template
        entity: sensor.sm_g975f_battery_level
        content: '{{ states(entity) }} %'
        icon: |2
                    {% set bl = states('sensor.sm_g975f_battery_level') | int %}
                    {% if bl < 10 %} mdi:battery-outline
                    {% elif bl < 20 %} mdi:battery-10
                    {% elif bl < 30 %} mdi:battery-20
                    {% elif bl < 40 %} mdi:battery-30
                    {% elif bl < 50 %} mdi:battery-40
                    {% elif bl < 60 %} mdi:battery-50
                    {% elif bl < 70 %} mdi:battery-60
                    {% elif bl < 80 %} mdi:battery-70
                    {% elif bl < 90 %} mdi:battery-80
                    {% elif bl < 100 %} mdi:battery-90
                    {% elif bl == 100 %} mdi:battery
                    {% else %} mdi:battery-unknown
                    {% endif %}
        icon_color: |2-
                    {% set bl = states('sensor.sm_g975f_battery_level') | int %}
                    {% if bl < 10 %} red
                    {% elif bl < 20 %} red
                    {% elif bl < 30 %} red
                    {% elif bl < 40 %} orange
                    {% elif bl < 50 %} orange
                    {% elif bl < 60 %} green
                    {% elif bl < 70 %} green
                    {% elif bl < 80 %} green
                    {% elif bl < 90 %} green
                    {% elif bl < 100 %} green
                    {% elif bl == 100 %} green
                    {% else %} grey
                    {% endif %}
    style:
      left: 50%
      top: 40%
  - type: custom:fluid-level-background-card
    card:
      type: glance
      entities:
        - entity: sensor.pogoda_nearest_storm_distance
    fill_entity: sensor.pogoda_nearest_storm_distance
    level_color:
      - 68
      - 115
      - 159
    style:
      left: 78%
      top: 40%
      width: 33%

ScreenShot_20221019185436