Customizing tiles cards with card mod

Configuration Frontend
1

Hello everyone!

I have a few things I’m trying to do using card mod to edit the tiles cards.
So far I haven’t been successful…

I’m trying to edit an AC card. I want to change it’s icon size and make the icon animate when the AC is on.
This is the card’s current code -

features:
  - type: climate-hvac-modes
    hvac_modes:
      - 'off'
      - cool
      - heat
  - type: target-temperature
type: tile
entity: climate.main_ac
show_entity_picture: false
vertical: true

I have another AC card based on Mushroom cards for which I was able to enlarge the icon and make it spin by adding -

  card_mod:
    style: |
      :host {
      --mush-icon-symbol-size: 1em;
      --mush-icon-size: 50px;
      }
      {% if not is_state("climate.main_ac", "off") %}
      ha-state-icon {
        animation: spin 5s linear infinite;
      }
      {% endif %}
}

Anyone can help me reproduce the same for the tiles card?

1 Like
2

I have the same question.

How can i add an animation to the tile card icon ??

3

see: Mushroom Cards Card Mod Styling/Config Guide - #341 by Mariusthvdb