Add button-card. Use for lights on home dashboard

config/lovelace/00_home.yaml

@@ -6,64 +6,44 @@ cards:
   # Column 1: Active Controls
   - type: vertical-stack
     cards:
-      - type: glance
+      - type: vertical-stack
         title: Lights
-        entities:
+        cards:
-          - entity: light.all_lights
+          - type: horizontal-stack
+            cards:
+              - type: custom:button-card
+                template: light
+                entity: light.all_lights
                 name: All
-            tap_action:
+              - type: custom:button-card
-              action: call-service
+                template: light
-              service: light.toggle
+                entity: light.living_room_main_lights
-              service_data:
-                entity_id: light.all_lights
-          - entity: light.living_room_main_lights
                 name: Living room
-            tap_action:
+              - type: custom:button-card
-              action: call-service
+                template: light
-              service: light.toggle
+                entity: light.master_bedroom_main_lights
-              service_data:
-                entity_id: light.living_room_main_lights
-          - entity: light.pc
-            tap_action:
-              action: call-service
-              service: light.toggle
-              service_data:
-                entity_id: light.pc
-          - entity: light.master_bedroom_main_lights
                 name: Bedroom
-            tap_action:
+              - type: custom:button-card
-              action: call-service
+                template: light
-              service: light.toggle
+                entity: light.hallway_main_lights
-              service_data:
-                entity_id: light.master_bedroom_main_lights
-          - entity: light.bedside_light
-            name: Bedside
-            tap_action:
-              action: call-service
-              service: light.toggle
-              service_data:
-                entity_id: light.bedside_light
-          - entity: light.kitchen_main_lights
-            name: Kitchen
-            tap_action:
-              action: call-service
-              service: light.toggle
-              service_data:
-                entity_id: light.kitchen_main_lights
-          - entity: light.hallway_entrance_lights
-            name: Entrance
-            tap_action:
-              action: call-service
-              service: light.toggle
-              service_data:
-                entity_id: light.hallway_entrance_lights
-          - entity: light.hallway_main_lights
                 name: Hallway
-            tap_action:
+          - type: horizontal-stack
-              action: call-service
+            cards:
-              service: light.toggle
+              - type: custom:button-card
-              service_data:
+                template: light
-                entity_id: light.hallway_main_lights
+                entity: light.kitchen_main_lights
+                name: Kitchen
+              - type: custom:button-card
+                template: light
+                entity: light.pc
+              - type: custom:button-card
+                template: light
+                entity: light.bedside_light
+                name: Bedside
+              - type: custom:button-card
+                template: light
+                entity: light.hallway_entrance_lights
+                name: Entrance
 
       - type: entities
         title: Devices

config/lovelace/resources.yaml

@@ -1,5 +1,7 @@
 - type: module
   url: /hacsfiles/aftership-card/aftership-card.js
+- type: module
+  url: /hacsfiles/button-card/button-card.js
 - type: module
   url: /hacsfiles/config-template-card/config-template-card.js
 - type: module

config/ui-lovelace.yaml

@@ -7,6 +7,19 @@ custom_header:
 
 decluttering_templates: !include_dir_merge_named lovelace/templates
 
+button_card_templates:
+  light:
+    size: 30px
+    hold_action:
+      action: more-info
+    styles:
+      card:
+        - height: 100px
+        - font-size: 14px
+      name:
+        - height: 30px
+
+
 title: Sarah
 views:
   - !include lovelace/00_home.yaml