Badges attributes

[HA1974 (NNo)]

I want to change the badges color ,style and icon
On my homepage i have all people which are at HOME or AWAY
I want to change color HOME in green and AWAY in red
How and where can i change this ?

[sachinss (Sac)]

Card mod will enable you to do this.

Card-mod - Add css styles to any lovelace card

This is not a custom card. Instead it’s a plugin which changes the way all other cards work How about this? type: entities style: | ha-card { color: red; } entities: - light.bed_light - light.ceiling_lights - light.kitchen_lights [51] Not a custom: in sight. Or this? [mov] (Please click this gif to open it. It seems to be prone to artifacting when compressed) Or how about changing what happens when you click the name or icon in an entities-card? FANTASTIC POST BY ILDAR…

[HA1974 (NNo)]

i tried tis code

views:
  - title: Maison
    path: maison
    icon: mdi:home
    badges:
      - entity: person.niek
        name: Niek
        style: |
          :host {
            {% if is_state('person.niek','AWAY') %}
            --label-badge-red: purple;
            --ha-label-badge-size: 100px;
              {% endif%}

            {% if is_state('person.niek','HOME') %}
            --label-badge-red: green;
            --ha-label-badge-size: 100px;
              {% endif%}
          }

[HA1974 (NNo)]

@HA1974

--label-badge-red

still get errors, do i need to install HACS ?

[HA1974 (NNo)]

[HA1974 (NNo)]

i want something like this , but how ?

[Ildar_Gabdullin]

Card mod thread → 1st post → link at the bottom

[HA1974 (NNo)]

So you need HACS to install card mod.