Badge Lovelace

Entraide Home Assistant
,
1

Bonjour à tous,

Je suis un peu newbie, mes excuses si mon post vous paraît « simple » ou naïf :innocent:
J’ai trouvé sur le web ce genre de badges apparament « classiques » et je voudrais les configurer avec le look suivant mais je n’y arrive pas :confused:

IMG_8858
IMG_88581242×398 85.1 KB

J’ai téléchargé via HACS les interfaces suivants : badge-card et card-mod
Je trouve des posts sur le net qui expliquent comment faire mais rien ne fonctionne. Je fais donc appel à l’aide…

Merciiiiiiiiii

Ma configuration :

HA full à jour :wink:
Home Assistant OS 13.1
Supervisor : 2024.08.0
Core-2024.8.3

2

Bonjour,
la forme des badges a changé depuis la version 2024.8.0 de HA.

Si tu veux l’ancien style de badge, regarde ce post:

3

Bonjour,

Merci pour ta réponse. Je dois comprendre que la capture d’écran que j’ai fournie montre des badges créés avant la version 2024.8 ?
Si tel est le cas, c’est bizarre car étant sur HA depuis un peu plus de 6 mois, je n’avais pas ce style de badge !

Voici ce que j’ai mis (copier/coller du style que j’ai trouvé sur un des post) :

type: custom:badge-card
badges:
  - entity: sensor.prise_circulateur_summation_delivered
    name: Circulateur
    card_mod:
      style:
        ha-state-label-badge $ ha-label-badge $: |
          .badge-container .label-badge .label span::after {
            content: "xxx";
            color: blue;
            letter-spacing: normal;
          }
          .badge-container .label-badge .label span {
            color: transparent;
            letter-spacing: -8px;
          }

Et le résultat :
image

Merci pour l’aide et bonne journée :slight_smile:

4

Oui, les badges étaient comme la capture que tu as montrée. Tu as dû les customiser pour qu’il ne soit pas identique.