garage-with-icon-color-changes

type: custom:bubble-card
card_type: cover
entity: cover.smart_garage_door
show_state: true
show_last_changed: true
show_attribute: false
scrolling_effect: false
name: Garage
icon_open: mdi:garage-open
icon_close: mdi:garage
card_mod:
  style: |
    ha-card
    /* Adjust icon background */
    .bubble-cover-card-container {
      --bubble-icon-background-color:
        {% if is_state('cover.smart_garage_door', 'opened') %}
          #E0816E !important;
        {% elif is_state('cover.smart_garage_door', 'closed') %}
          #8E9876 !important;
        {% else %}
          #8E8E8E !important; /* grey if unavailable */
        {% endif %};
    }