HA - New Light Dashboard - Button Example

type: custom:button-card
entity: light.master_lights
show_entity_picture: true
entity_picture: /local/masterceiling.png
aspect_ratio: 1/1
hold_action:
  action: more-info
tap_action:
  action: toggle
name: Ceiling
show_label: false
show_state: true
state:
  - styles:
      card:
        - background-color: '#242e42'
        - border-radius: 10%
        - padding: 10%
        - text-transform: capitalize
        - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
      grid:
        - grid-template-areas: '"i t" "n n" "s s"'
        - grid-template-columns: 1fr min-content
        - grid-template-rows: 1fr min-content min-content
        - gap: 2px 0px
      name:
        - font-weight: bold
        - font-size: 12px
        - color: white
        - align-self: middle
        - justify-self: start
      state:
        - font-weight: 300
        - font-size: 13px
        - color: white
        - align-self: middle
        - justify-self: start
      img_cell:
        - justify-content: start
        - align-self: middle
        - margin: none
      icon:
        - width: 50%
        - color: white
        - align-self: middle
        - padding-bottom: 5px
    value: 'on'
  - styles:
      card:
        - background-color: '#242e42'
        - border-radius: 10%
        - padding: 10%
        - text-transform: capitalize
        - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
      grid:
        - grid-template-areas: '"i t" "n n" "s s"'
        - grid-template-columns: 1fr min-content
        - grid-template-rows: 1fr min-content min-content
        - gap: 2px 0px
      name:
        - font-weight: bold
        - font-size: 12px
        - color: white
        - align-self: middle
        - justify-self: start
      state:
        - font-weight: 300
        - font-size: 13px
        - color: white
        - align-self: middle
        - justify-self: start
      img_cell:
        - justify-content: start
        - align-self: middle
        - margin: none
      icon:
        - width: 50%
        - color: white
        - align-self: middle
        - opacity: 0.4
        - padding-bottom: 5px
    operator: default