Picture-Glance individual icon colors using card-mod

Configuration Frontend
1

I’ve been trying to sort this out for a few days now and not having any luck searching or trying things. With card-mod, I can change things about the ha-card in a horizontal-stack, but how would I change individual icons based on color and state? I’ve drilled into inspecting the html and I can find the area for the individual icons, just can’t figure out how to specify that. In the case of the battery item below, what do I specify in the place of ha-state-icon to get this working. Or am I completely off base?

Thanks so much for any hints!

- type: horizontal-stack
    cards:
      - camera_view: auto
        type: picture-glance
        image: http://homeassistant.local:8123/local/Ford_Explorer3.gif
        entities:
          - entity: sensor.fordpass_battery
            show_state: false
            card_mod:
              style: |
                  ha-state-icon {
                    {% if is_state('sensor.fordpass_battery','STATUS_GOOD') %}
                    color: green !important;
                    {% else %}
                    color: yellow;
                    {% endif %}
                  }      
          - entity: sensor.fordpass_doorstatus
            show_state: true
          - entity: sensor.fordpass_fuel
            show_state: true
          - entity: sensor.fordpass_oil
          - entity: sensor.fordpass_tirepressure
        card_mod:
          style: |
            ha-card {
                height: 142px !important;
            }
          state-badge $: |
            ha-state-icon {
              {% if is_state('sensor.fordpass_battery','STATUS_GOOD') %}
              color: green !important;
              {% else %}
              color: yellow;
              {% endif %}
            }
2

This is wrong.
Go to card-mod dedicated thread → 1st post → link at the bottom → styles for picture glance

1 Like
3

Thanks so much lldar! I have the sun entities working using your example, but for some reason, the fordpass entity will not take on a color. While inspecting, everything with these nodes looks exactly the same. Other sensors work fine, like if I replace sun.sun with the nest temperature or humidity. Maybe there’s something strange with the fordpass icons? If you are willing to help a little more, should I post the code here or over in the card-mod discussion?

4

Please continue the discussion in the card-mod thread.
@ me there when you post. wait, no, it will be a bad example ))). I will see you anyway.
And please post there a SHORT code - just to demonstrate the issue.