Icon color based on state/value

[damaro241]

Hello,
I have been playing with this and I have come pretty far. I like to see my icons as green if off/false and red if on/true. I am able to get the icon to be green if off/false, but when it is on/true, it defaults to yellow like the normal lovelace dashboard. Anyone know what I am doing wrong from the template code below?

hide_title: true
templates:
  - name: defaultsecurity
    template:
      show_icon: true
      state_color: true
      tap_action:
        action: more-info
      hold_action:
        action: more-info
      icon:
        conditions:
          - condition: equals
            value: 'on'
            styles:
              color: red
          - condition: equals
            value: 'off'
            styles:
              color: green
entities:
  - entity: binary_sensor.living_room_window
    name: Living Room
    template: defaultsecurity
  - entity: binary_sensor.living_room_window_2
    name: Living Room
    template: defaultsecurity
  - entity: binary_sensor.living_room_window_3
    name: Living Room
    template: defaultsecurity```

[damaro241]

Figured out the template, looks like you need to also specify the icon, not just the color:
type: custom:room-card
hide_title: true
templates:

• name: defaultsecuritydoor
  template:
  show_icon: true
  tap_action:
  action: more-info
  hold_action:
  action: more-info
  icon:
  conditions:
  - icon: mdi:door-open
  condition: equals
  value: 'on'
  styles:
  color: red
  - icon: mdi:door-closed
  condition: equals
  value: 'off'
  styles:
  color: green
• name: defaultsecuritywindow
  template:
  show_icon: true
  tap_action:
  action: more-info
  hold_action:
  action: more-info
  icon:
  conditions:
  - icon: mdi:window-open
  condition: equals
  value: 'on'
  styles:
  color: red
  - icon: mdi:window-closed
  condition: equals
  value: 'off'
  styles:
  color: green