Styling entity images

UIX can substitute the background entity image displayed by the following elements:

• ha-entity-marker (map card entity markers)
• ha-tile-icon (tile card icons)
• state-badge (state badges)
• ha-user-badge (user badges)
• ha-person-badge (person badges)

Define a CSS variable of the form --uix-image-for-<entity_id>, where every . in the entity ID is replaced with _. When an element is rendered for the matching entity, the background image is replaced with the supplied URL.

Templates are supported.

type: tile
entity: person.jim
uix:
  style: |
    :host {
      --uix-image-for-person_jim: /local/photos/jim.jpg;
    }