[Example] Color based on multiple states

[MrBearPresident]

type: custom:bubble-card
card_type: button
entity: person.me
button_type: state
show_state: true
styles: |-
  .bubble-button-background {
    background-color: ${
    {
      'home': '#8AD926FF',
      'away': '#1982C4FF',
      'Summer House': '#CDCA3AFF',
      'Parents House': '#6A4C93AA',
    }[state] ?? '#ff0000AA'
  }
card_layout: large

Note: The color code after the ?? is the default value, when the state is not found in the list.

Disclamer: I did not make this, but revised what @j_d posted.

• https://community.home-assistant.io/t/bubble-card-a-minimalist-card-collection-for-home-assistant-with-a-nice-pop-up-touch/609678/1777?u=mrbearpresident