How to Improve your Dashboard Look with custom buttons

Introduction

In this post I’m going to share the code to create a good looking dashboard!

Code

Update the entity with your own entity id!

type: custom:button-card
entity: light.kitchen_and_dining_lights
name: ' '
show_icon: false
styles:
  card:
    - width: 230px
    - height: 250px
state:
  - value: 'on'
    styles:
      card:
        - background: url(/local/kitchen_on.png)round
        - background-size: cover
  - value: 'off'
    styles:
      card:
        - background: url(/local/kitchen_off.png)round
        - background-size: cover