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

Bom dia galera,

Personalização não é minha praia…

Estou usando Glance Card para alguns sensores binários e o Entities Card para alguns botões e interruptores e quero mudar a cor, principalmente dos ícones de acordo com o estado dos sensores binários, instalei o card_mod configurei, mas o card mod esta com um bug de não trocar a cor dos ícones corretamente, tem que apertar F5 para atualizar, para os textos esta ok.

Qual alternativa tenho para substituir o card_mod?

1 curtida

@Walber eu utilizo esse abaixo, segue exemplo:

type: custom:button-card
color_type: card
entity: binary_sensor.intelbras
name: Intelbras
state:
  - value: 'on'
    color: Beige
    icon: mdi:police-badge
    styles:
      card:
        - animation: link 2s ease infinite
  - operator: default
    color: red
    icon: mdi:security

Vou fazer um teste, obrigado

@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

1 curtida

Vou testar o Mushroom tbm obrigado.

Pelo card_mod consegui fazer funcionar no note, mas no smartphone ainda está bugado.

1 curtida

Acabei usando o mushroom mesmo.
Deu pra fazer o que queria e funcionou legal até com o picture-elements

1 curtida

@Walber

Faz um card condicional para esses sensores de presença aqui cara, vai ficar bem mais limpo. Com o condicional, eles só vão aparecer se forem acionados :wink:

Eles são do picture elements, coloquei pra teste e ainda não tirei rsrsrs.
Pra tirar é só apagar uma linha, aí aparece só quando tem movimento

1 curtida