From 1a80a6223f01ab566c5781def0452fee447df561 Mon Sep 17 00:00:00 2001
From: Georgi Gardev <georgi@gardev.com>
Date: Sun, 3 May 2020 03:16:03 +0300
Subject: [PATCH] Extract scene button template

---
 .../button_card_templates/scene_button.yaml   | 21 +++++++++++++++++
 .../master_bedroom_dashboard.yaml             | 23 +++++++++----------
 2 files changed, 32 insertions(+), 12 deletions(-)
 create mode 100644 config/lovelace/button_card_templates/scene_button.yaml

diff --git a/config/lovelace/button_card_templates/scene_button.yaml b/config/lovelace/button_card_templates/scene_button.yaml
new file mode 100644
index 0000000..9c69175
--- /dev/null
+++ b/config/lovelace/button_card_templates/scene_button.yaml
@@ -0,0 +1,21 @@
+scene:
+  variables:
+    scene_color_1:
+    scene_color_2:
+    degrees: 315
+  tap_action:
+    action: toggle
+  styles:
+    card:
+      - background: >
+          [[[
+            const color_1 = variables.scene_color_1;
+            const color_2 = variables.scene_color_2 || variables.scene_color_1;
+            const degrees = variables.degrees;
+
+            return "linear-gradient("
+                + degrees + "deg, "
+                + color_1 + " 7%, "
+                + color_2 + " 7%, "
+                + color_2 + " 11%, var(--paper-card-background-color) 11%)"
+          ]]]
diff --git a/config/lovelace/home_dashboard/master_bedroom_dashboard.yaml b/config/lovelace/home_dashboard/master_bedroom_dashboard.yaml
index d1c6f6b..67481a4 100644
--- a/config/lovelace/home_dashboard/master_bedroom_dashboard.yaml
+++ b/config/lovelace/home_dashboard/master_bedroom_dashboard.yaml
@@ -87,23 +87,22 @@
             title: Scenes
             cards:
               - type: custom:button-card
-                template: default
+                template:
+                  - default
+                  - scene
                 entity: script.scene_bedroom_neon
                 name: Neon
-                tap_action:
-                  action: toggle
-                styles:
-                  card:
-                    - background: "linear-gradient(315deg, rgb(255, 0, 190) 7%, rgb(0, 255, 190) 7%, rgb(0, 255, 190) 11%, var(--paper-card-background-color) 11%)"
+                variables:
+                  scene_color_1: rgb(255, 0, 190)
+                  scene_color_2: rgb(0, 255, 190)
               - type: custom:button-card
-                template: default
+                template:
+                  - default
+                  - scene
                 entity: script.scene_bedroom_regular
                 name: Regular
-                tap_action:
-                  action: toggle
-                styles:
-                  card:
-                    - background: "linear-gradient(315deg, rgb(254, 255, 209) 11%, var(--paper-card-background-color) 11%)"
+                variables:
+                  scene_color_1: rgb(254, 255, 209)
 
           - type: horizontal-stack
             title: Sensors