Entity card icon background (border) color

Welcome!! There isn’t a background behind the icon like Mushroom. You’d be better off doing this in a horizontal stack with a mushroom and entity card if you want the toggle. Mushroom uses tap action as a switch on the icon vs a toggle.

To actually create what you want you’ll need a few HACS modules.

Just a heads up please post your code described in #11

type: horizontal-stack
cards:
  - type: custom:mushroom-entity-card
    entity: fan.bedroom_fan
    card_mod:
         style: |
          ha-card {
            border-width: 0;
            background: none;
            }
  - type: entities
    entities:
      - entity: fan.bedroom_fan
        name: ' '
        card_mod:
          style:
            hui-generic-entity-row:
              $: |
                state-badge {
                  display: none;
                }
    card_mod:
         style: |
          ha-card {
            border-width: 0;
            background: none;
            }

1 Like