Changer couleur icone

Bonjour.

Je voudrais savoir comment changer la couleur des icones ci-dessous.

merci d’avance pour votre aide !

image

type: button
tap_action:
  action: navigate
  navigation_path: /dashboard-mobile/personalistation
name: Général
icon: mdi:home
style: |
  ha-card {
    background: #1C1C1C;
    font-weight: bold;
  }

Salut,
Tu peut utiliser ce type de code :

styles:
  icon:
    - color: |
        [[[
          if (states['switch.XXXX'].state == "off") return "#44739E";
          return "red";
        ]]]
1 « J'aime »

Bonjour,
je te conseille de passer pas la carte button-card, que d’utiliser la carte button qui est très limiter en option.

sinon pour la carte button, tu peu faire comme ca:

type: button
tap_action:
  action: navigate
  navigation_path: /dashboard-mobile/personalistation
name: Général
icon: mdi:home
card_mod:
  style: |
    :host {
      --card-mod-icon-color: red;
    }
    ha-card {
      background: #1C1C1C;
      font-weight: bold;
    }

1 « J'aime »

il utilise button et pas button-card. ton code est pas fonctionnel pour la carte button.

2 « J'aime »

Pour l’utilité que j’en ai ça ne sert à rien de changer je pense.
Merci de m’avoir aidé :slight_smile:

Si jamais, tu veut utiliser button-card. Je t’es convertie ton code pour button-card, l’avantage tu n’utilisera pas card_mod.

type: custom:button-card
name: Général
color: red
icon: mdi:home
tap_action:
  action: navigate
  navigation_path: /dashboard-mobile/personalistation
styles:
  card:
    - background: '#1C1C1C'
  name:
    - font-weight: bold