Card_mod com bug, alternativas? (Mudar cor dos ícones de acordo com estado)

@Walber

Tenta instalar o Mushroom (via HACS) que é muito bom e tem muitas opções bacanas para personalização. Vou te dar um exemplo de mudança da animação do ícone baseado no estado de consumo e você testa ai para ver se funciona para você :wink:

type: custom:mushroom-entity-card
entity: sensor.ventilador_status
fill_container: true
primary_info: state
secondary_info: none
layout: vertical
card_mod:
  style:
    mushroom-shape-icon$: |
      ha-icon, .shape {
        --shape-color: none;
        --icon-symbol-size: 55px;
        {% if is_state('switch.ventilador', 'on') %}
          --icon-color: rgb(var(--rgb-amber));
        {% endif %}
        {% if (states('sensor.ventilador_power')|float > 50) %}
            transform-origin: 50%;
          --icon-animation: spin 0.3s linear infinite;
          --icon-color: rgb(var(--rgb-red));
        {% endif %}
        {% if (states('sensor.ventilador_power')|float > 25) %}
            transform-origin: 50%;
          --icon-animation: spin 0.6s linear infinite;
          --icon-color: rgb(var(--rgb-orange));
        {% endif %}
        {% if (states('sensor.ventilador_power')|float > 5) %}
            transform-origin: 50%;
          --icon-animation: spin 1s linear infinite;
          --icon-color: rgb(var(--rgb-amber));
        {% endif %}
      }

Como funciona:
Se estiver desligado ele fica azul (is_state = off);
Se estiver ligado, mas sem carga, ele fica ambar (amarelo mais escuro)
Se estiver ligado, com pouca carga, ambar com animação lenta
Se estiver ligado, com carga média, laranja com animação média
Se estiver ligado, com carga máxima, vermelho com animação rápida

A “carga” medi com o ventilador nas velocidades 1, 2 e 3 para saber de quanto precisava para cada estágio

Forte abraço

2 curtidas