View difference between Paste ID: wUpJC5Sh and sRtZcgsJ
SHOW: | | - or go back to the newest paste.
1
title: SWAKES
2
kiosk_mode:
3
  kiosk: true
4
sidebar:
5
  digitalClock: true
6
  twelveHourVersion: true
7
  date: true
8
  width:
9
    mobile: 0
10
    tablet: 20
11
    desktop: 20
12
  breakpoints:
13
    mobile: 768
14
    tablet: 1024
15
  sidebarMenu:
16
    - action: navigate
17
      navigation_path: /lovelace-sidebar/main
18
      name: Home
19
      active: true
20
    - action: navigate
21
      navigation_path: /lovelace-sidebar/lights
22
      name: Lights
23
    - action: navigate
24
      navigation_path: /lovelace-sidebar/security
25
      name: Security
26
    - action: navigate
27
      navigation_path: /lovelace-sidebar/media
28
      name: Media
29
  style: |
30
    :host {
31
        --sidebar-background: #2b374e;
32
        --sidebar-text-color: #FFF;
33
        --face-color: #FFF;
34
        --face-border-color: #FFF;
35
        --clock-hands-color: #2b374e;
36
        --clock-seconds-hand-color: #FF4B3E;
37
        --clock-middle-background: #FFF;
38
        --clock-middle-border: #000;  
39
        text-align: center;
40
    }        
41
     
42
    .digitalClock {
43
        text-align: center;
44
        padding-bottom: 1px;
45
        padding-top: 20px;
46
        font-size:60px!important;
47
        line-height: 60px;        
48
    }   
49
    .date {
50
        text-align: center;
51
        padding-bottom: 1px;
52
        font-size:30px!important;
53
        line-height: 60px;        
54
    }     
55
  bottomCard:
56
    type: vertical-stack
57
    cardOptions:
58
      cards:
59
        - type: vertical-stack
60
          cards:
61
            - type: horizontal-stack
62
              cards:
63
                - type: 'custom:button-card'
64
                  entity: light.sam_s_fire_screen
65
                  icon: 'mdi:monitor-lock'
66
                  show_icon: true
67
                  show_state: false
68
                  name: false
69
                  show_name: false
70
                  styles:
71
                    icon:
72
                      - width: 50%
73
                      - color: white
74
                    card:
75
                      - padding-top: 20px
76
                - type: 'custom:button-card'
77
                  entity: switch.sonoff_1000ae39fc_2
78
                  icon: 'mdi:restart'
79
                  show_icon: true
80
                  show_state: false
81
                  name: false
82
                  show_name: false
83
                  styles:
84
                    icon:
85
                      - width: 50%
86
                      - color: white
87
                    card:
88
                      - padding-top: 20px
89
            - type: horizontal-stack
90
              cards:
91
                - type: 'custom:slider-entity-row'
92
                  entity: light.sam_s_fire_screen
93
                  full_row: true
94
      cardStyle: |
95
        :host {
96
          width: 100%;
97
          background-color:#FFF;
98
        }
99
               
100
views:
101
  - title: main
102
    path: main
103
    badges: []
104
    cards:
105
      - cards:
106
          - color_type: blank-card
107
            styles:
108
              card:
109
                - height: 35px
110
            type: 'custom:button-card'
111
          - cards:
112
              - color_type: blank-card
113
                styles:
114
                  card:
115
                    - width: 15px
116
                type: 'custom:button-card'
117
              - type: weather-forecast
118
                entity: weather.home
119
                show_forecast: false
120
              - color_type: blank-card
121
                styles:
122
                  card:
123
                    - width: 15px
124
                type: 'custom:button-card'
125
            type: horizontal-stack
126
          - color_type: blank-card
127
            styles:
128
              card:
129
                - height: 5px
130
            type: 'custom:button-card'
131
          - cards:
132
              - color_type: blank-card
133
                styles:
134
                  card:
135
                    - width: 15px
136
                type: 'custom:button-card'
137
              - type: 'custom:atomic-calendar-revive'
138
                entities:
139
                  - entity: calendar.calendar_google
140
                firstDayOfWeek: 1
141
                showDate: false
142
                hideFinishedEvents: true
143
                showLocation: true
144
                showRelativeTime: true
145
                showLastCalendarWeek: false
146
                disableCalEventLink: true
147
                disableCalLocationLink: true
148
                dimFinishedEvents: true
149
                maxDaysToShow: 3
150
                showWeekDay: true
151
                showMonth: false
152
                showCurrentEventLine: false
153
                showProgressBar: false
154
                disableCalLink: true
155
              - color_type: blank-card
156
                styles:
157
                  card:
158
                    - width: 15px
159
                type: 'custom:button-card'
160
            type: horizontal-stack
161
          - color_type: blank-card
162
            styles:
163
              card:
164
                - height: 5px
165
            type: 'custom:button-card'
166
          - cards:
167
              - color_type: blank-card
168
                styles:
169
                  card:
170
                    - width: 15px
171
                type: 'custom:button-card'
172
              - entities:
173
                  - entity: sensor.general
174
                type: glance
175
              - entities:
176
                  - entity: sensor.recycling_2
177
                    icon: 'mdi:recycle'
178
                type: glance
179
              - entities:
180
                  - entity: sensor.garden
181
                    icon: 'mdi:sprout'
182
                type: glance
183
              - color_type: blank-card
184
                styles:
185
                  card:
186
                    - width: 15px
187
                type: 'custom:button-card'
188
            type: horizontal-stack
189
        type: vertical-stack
190
      - cards:
191
          - color_type: blank-card
192
            styles:
193
              card:
194
                - height: 35px
195
            type: 'custom:button-card'
196
          - cards:
197
              - color_type: blank-card
198
                styles:
199
                  card:
200
                    - width: 25px
201
                type: 'custom:button-card'
202
              - entities:
203
                  - entity: sensor.multi_sensor_2
204
                    name: Hallway
205
                  - entity: sensor.living_room_temperature
206
                    name: Bedroom
207
                  - entity: sensor.temperature_23
208
                    name: Office
209
                icon: 'mdi:home-floor-2'
210
                name: Second Floor
211
                height: 50
212
                type: 'custom:mini-graph-card'
213
              - color_type: blank-card
214
                styles:
215
                  card:
216
                    - width: 25px
217
                type: 'custom:button-card'
218
            type: horizontal-stack
219
          - color_type: blank-card
220
            styles:
221
              card:
222
                - height: 5px
223
            type: 'custom:button-card'
224
          - cards:
225
              - color_type: blank-card
226
                styles:
227
                  card:
228
                    - width: 25px
229
                type: 'custom:button-card'
230
              - type: 'custom:mod-card'
231
                card:
232
                  type: 'custom:thermostat-card'
233
                  entity: climate.hallway
234
                  small_i: false
235
                  chevron_size: 50
236
                  title: Nest
237
                  no_card: true
238
                style:
239
                  thermostat-card$: |
240
                    svg.dial {
241
                       --thermostat-off-fill: var(--card-background-color);
242
                     }
243
                     div.dialog {
244
                       background-color: #13274a;
245
                     }
246
              - color_type: blank-card
247
                styles:
248
                  card:
249
                    - width: 25px
250
                type: 'custom:button-card'
251
            type: horizontal-stack
252
        type: vertical-stack
253
  - title: Lights
254
    path: lights
255
    badges: []
256
    cards:
257
      - cards:
258
          - cards:
259
              - cards:
260
                  - color_type: blank-card
261
                    styles:
262
                      card:
263
                        - height: 100px
264
                    type: 'custom:button-card'
265
                  - cards:
266
                      - color_type: blank-card
267
                        styles:
268
                          card:
269
                            - width: 15px
270
                        type: 'custom:button-card'
271
                      - entity: light.master_lights
272
                        extra_styles: |
273
                          @keyframes mymove {
274
                            30% {box-shadow: 0 0 20px white;}
275
                            }
276
                        hold_action:
277
                          action: more-info
278
                        icon: 'mdi:ceiling-light'
279
                        name: Ceiling
280
                        state:
281
                          - icon: 'mdi:ceiling-light'
282
                            styles:
283
                              card:
284
                                - height: 100px
285
                              icon:
286
                                - width: 30%
287
                                - opacity: 0.5
288
                              name:
289
                                - padding: 5px 0px
290
                                - font-size: 15px
291
                                - text-overflow: unset
292
                                - white-space: unset
293
                                - word-break: break-word
294
                            value: 'off'
295
                          - color: white
296
                            icon: 'mdi:ceiling-light'
297
                            operator: default
298
                            styles:
299
                              card:
300
                                - height: 100px
301
                                - animation: mymove 10s infinite
302
                              icon:
303
                                - width: 30%
304
                              name:
305
                                - padding: 5px 0px
306
                                - font-size: 15px
307
                                - text-overflow: unset
308
                                - white-space: unset
309
                                - word-break: break-word
310
                        type: 'custom:button-card'
311
                      - color_type: blank-card
312
                        styles:
313
                          card:
314
                            - width: 5px
315
                        type: 'custom:button-card'
316
                      - entity: light.living_room
317
                        icon: 'mdi:wall-sconce-flat'
318
                        name: Ensuite
319
                        state:
320
                          - icon: 'mdi:wall-sconce-flat'
321
                            styles:
322
                              card:
323
                                - height: 100px
324
                              icon:
325
                                - width: 30%
326
                                - opacity: 0.5
327
                              name:
328
                                - padding: 5px 0px
329
                                - font-size: 15px
330
                                - text-overflow: unset
331
                                - white-space: unset
332
                                - word-break: break-word
333
                            value: 'off'
334
                          - color: white
335
                            icon: 'mdi:wall-sconce-flat'
336
                            operator: default
337
                            styles:
338
                              card:
339
                                - height: 100px
340
                              icon:
341
                                - width: 30%
342
                              name:
343
                                - padding: 5px 0px
344
                                - font-size: 15px
345
                                - text-overflow: unset
346
                                - white-space: unset
347
                                - word-break: break-word
348
                        type: 'custom:button-card'
349
                      - color_type: blank-card
350
                        styles:
351
                          card:
352
                            - width: 5px
353
                        type: 'custom:button-card'
354
                      - entity: light.living_room
355
                        icon: 'mdi:wardrobe-outline'
356
                        name: Wardrobe
357
                        state:
358
                          - icon: 'mdi:wardrobe-outline'
359
                            styles:
360
                              card:
361
                                - height: 100px
362
                              icon:
363
                                - width: 30%
364
                                - opacity: 0.5
365
                              name:
366
                                - padding: 5px 0px
367
                                - font-size: 15px
368
                                - text-overflow: unset
369
                                - white-space: unset
370
                                - word-break: break-word
371
                            value: 'off'
372
                          - color: white
373
                            icon: 'mdi:wardrobe-outline'
374
                            operator: default
375
                            styles:
376
                              card:
377
                                - height: 100px
378
                              icon:
379
                                - width: 30%
380
                              name:
381
                                - padding: 5px 0px
382
                                - font-size: 15px
383
                                - text-overflow: unset
384
                                - white-space: unset
385
                                - word-break: break-word
386
                        type: 'custom:button-card'
387
                      - color_type: blank-card
388
                        styles:
389
                          card:
390
                            - width: 10px
391
                        type: 'custom:button-card'
392
                    type: horizontal-stack
393
                  - color_type: blank-card
394
                    styles:
395
                      card:
396
                        - height: 25px
397
                    type: 'custom:button-card'
398
                  - cards:
399
                      - color_type: blank-card
400
                        styles:
401
                          card:
402
                            - width: 15px
403
                        type: 'custom:button-card'
404
                      - entity: switch.sonoff_1000ae39fc_2
405
                        icon: 'mdi:desk-lamp'
406
                        name: Left Lamp
407
                        state:
408
                          - icon: 'mdi:desk-lamp'
409
                            styles:
410
                              card:
411
                                - height: 100px
412
                              icon:
413
                                - width: 30%
414
                                - opacity: 0.5
415
                              name:
416
                                - padding: 5px 0px
417
                                - font-size: 15px
418
                                - text-overflow: unset
419
                                - white-space: unset
420
                                - word-break: break-word
421
                            value: 'off'
422
                          - color: white
423
                            icon: 'mdi:desk-lamp'
424
                            operator: default
425
                            styles:
426
                              card:
427
                                - height: 100px
428
                              icon:
429
                                - width: 30%
430
                              name:
431
                                - padding: 5px 0px
432
                                - font-size: 15px
433
                                - text-overflow: unset
434
                                - white-space: unset
435
                                - word-break: break-word
436
                        type: 'custom:button-card'
437
                      - color_type: blank-card
438
                        styles:
439
                          card:
440
                            - width: 5px
441
                        type: 'custom:button-card'
442
                      - entity: switch.sonoff_1000ae39fc_2
443
                        icon: 'mdi:desk-lamp'
444
                        name: Right Lamp
445
                        state:
446
                          - icon: 'mdi:desk-lamp'
447
                            styles:
448
                              card:
449
                                - height: 100px
450
                              icon:
451
                                - width: 30%
452
                                - opacity: 0.5
453
                              name:
454
                                - padding: 5px 0px
455
                                - font-size: 15px
456
                                - text-overflow: unset
457
                                - white-space: unset
458
                                - word-break: break-word
459
                            value: 'off'
460
                          - color: white
461
                            icon: 'mdi:desk-lamp'
462
                            operator: default
463
                            styles:
464
                              card:
465
                                - height: 100px
466
                              icon:
467
                                - width: 30%
468
                              name:
469
                                - padding: 5px 0px
470
                                - font-size: 15px
471
                                - text-overflow: unset
472
                                - white-space: unset
473
                                - word-break: break-word
474
                        type: 'custom:button-card'
475
                      - color_type: blank-card
476
                        styles:
477
                          card:
478
                            - width: 10px
479
                        type: 'custom:button-card'
480
                    type: horizontal-stack
481
                  - color_type: blank-card
482
                    styles:
483
                      card:
484
                        - height: 25px
485
                    type: 'custom:button-card'
486
                  - cards:
487
                      - color_type: blank-card
488
                        styles:
489
                          card:
490
                            - width: 15px
491
                        type: 'custom:button-card'
492
                      - entity: light.master_bedside_sam_rgb_light
493
                        hold_action:
494
                          action: more-info
495
                        icon: 'mdi:led-strip-variant'
496
                        name: Left RGB
497
                        state:
498
                          - icon: 'mdi:led-strip-variant'
499
                            styles:
500
                              card:
501
                                - height: 100px
502
                              icon:
503
                                - width: 30%
504
                                - opacity: 0.5
505
                              name:
506
                                - padding: 5px 0px
507
                                - font-size: 15px
508
                                - text-overflow: unset
509
                                - white-space: unset
510
                                - word-break: break-word
511
                            value: 'off'
512
                          - color: white
513
                            icon: 'mdi:led-strip-variant'
514
                            operator: default
515
                            styles:
516
                              card:
517
                                - height: 100px
518
                              icon:
519
                                - width: 30%
520
                              name:
521
                                - padding: 5px 0px
522
                                - font-size: 15px
523
                                - text-overflow: unset
524
                                - white-space: unset
525
                                - word-break: break-word
526
                        type: 'custom:button-card'
527
                      - color_type: blank-card
528
                        styles:
529
                          card:
530
                            - width: 5px
531
                        type: 'custom:button-card'
532
                      - entity: light.master_bedside_sam_rgb_light
533
                        icon: 'mdi:led-strip-variant'
534
                        name: Right RGB
535
                        state:
536
                          - icon: 'mdi:led-strip-variant'
537
                            styles:
538
                              card:
539
                                - height: 100px
540
                              icon:
541
                                - width: 30%
542
                                - opacity: 0.5
543
                              name:
544
                                - padding: 5px 0px
545
                                - font-size: 15px
546
                                - text-overflow: unset
547
                                - white-space: unset
548
                                - word-break: break-word
549
                            value: 'off'
550
                          - color: white
551
                            icon: 'mdi:led-strip-variant'
552
                            operator: default
553
                            styles:
554
                              card:
555
                                - height: 100px
556
                              icon:
557
                                - width: 30%
558
                              name:
559
                                - padding: 5px 0px
560
                                - font-size: 15px
561
                                - text-overflow: unset
562
                                - white-space: unset
563
                                - word-break: break-word
564
                        type: 'custom:button-card'
565
                      - color_type: blank-card
566
                        styles:
567
                          card:
568
                            - width: 10px
569
                        type: 'custom:button-card'
570
                    type: horizontal-stack
571
                type: vertical-stack
572
            type: vertical-stack
573
        type: vertical-stack
574
      - cards:
575
          - cards:
576
              - cards:
577
                  - color_type: blank-card
578
                    styles:
579
                      card:
580
                        - height: 100px
581
                    type: 'custom:button-card'
582
                  - cards:
583
                      - color_type: blank-card
584
                        styles:
585
                          card:
586
                            - width: 10px
587
                        type: 'custom:button-card'
588
                      - type: 'custom:button-card'
589
                        entity: group.all_house_lights
590
                        name: All Lights
591
                        show_name: true
592
                        state:
593
                          - icon: 'mdi:home'
594
                            styles:
595
                              card:
596
                                - height: 100px
597
                              icon:
598
                                - width: 30%
599
                                - opacity: 0.5
600
                              name:
601
                                - font-size: 15px
602
                                - opacity: 0.5
603
                            value: 'off'
604
                          - color: white
605
                            icon: 'mdi:home'
606
                            operator: default
607
                            styles:
608
                              card:
609
                                - height: 100px
610
                              name:
611
                                - font-size: 15px
612
                              icon:
613
                                - width: 30%
614
                      - color_type: blank-card
615
                        styles:
616
                          card:
617
                            - width: 20px
618
                        type: 'custom:button-card'
619
                      - type: 'custom:button-card'
620
                        entity: group.all_ground_lights
621
                        name: Ground Floor
622
                        show_name: true
623
                        state:
624
                          - icon: 'mdi:home-floor-g'
625
                            styles:
626
                              card:
627
                                - height: 100px
628
                              name:
629
                                - font-size: 15px
630
                                - opacity: 0.5
631
                              icon:
632
                                - width: 30%
633
                                - opacity: 0.5
634
                            value: 'off'
635
                          - color: white
636
                            icon: 'mdi:home-floor-g'
637
                            operator: default
638
                            styles:
639
                              card:
640
                                - height: 100px
641
                              name:
642
                                - font-size: 15px
643
                              icon:
644
                                - width: 30%
645
                      - color_type: blank-card
646
                        styles:
647
                          card:
648
                            - width: 15px
649
                        type: 'custom:button-card'
650
                    type: horizontal-stack
651
                  - color_type: blank-card
652
                    styles:
653
                      card:
654
                        - height: 25px
655
                    type: 'custom:button-card'
656
                  - cards:
657
                      - color_type: blank-card
658
                        styles:
659
                          card:
660
                            - width: 10px
661
                        type: 'custom:button-card'
662
                      - type: 'custom:button-card'
663
                        entity: group.all_first_lights
664
                        name: First Floor
665
                        show_name: true
666
                        state:
667
                          - icon: 'mdi:home-floor-1'
668
                            styles:
669
                              card:
670
                                - height: 100px
671
                              icon:
672
                                - width: 30%
673
                                - opacity: 0.5
674
                              name:
675
                                - font-size: 15px
676
                                - opacity: 0.5
677
                            value: 'off'
678
                          - color: white
679
                            icon: 'mdi:home-floor-1'
680
                            operator: default
681
                            styles:
682
                              card:
683
                                - height: 100px
684
                              name:
685
                                - font-size: 15px
686
                              icon:
687
                                - width: 30%
688
                      - color_type: blank-card
689
                        styles:
690
                          card:
691
                            - width: 20px
692
                        type: 'custom:button-card'
693
                      - type: 'custom:button-card'
694
                        entity: group.all_second_lights
695
                        name: Second Floor
696
                        show_name: true
697
                        state:
698
                          - icon: 'mdi:home-floor-2'
699
                            styles:
700
                              card:
701
                                - height: 100px
702
                              name:
703
                                - font-size: 15px
704
                                - opacity: 0.5
705
                              icon:
706
                                - width: 30%
707
                                - opacity: 0.5
708
                            value: 'off'
709
                          - color: white
710
                            icon: 'mdi:home-floor-2'
711
                            operator: default
712
                            styles:
713
                              card:
714
                                - height: 100px
715
                              icon:
716
                                - width: 30%
717
                              name:
718
                                - font-size: 15px
719
                      - color_type: blank-card
720
                        styles:
721
                          card:
722
                            - width: 15px
723
                        type: 'custom:button-card'
724
                    type: horizontal-stack
725
                  - color_type: blank-card
726
                    styles:
727
                      card:
728
                        - height: 25px
729
                    type: 'custom:button-card'
730
                  - cards:
731
                      - color_type: blank-card
732
                        styles:
733
                          card:
734
                            - width: 10px
735
                        type: 'custom:button-card'
736
                      - type: 'custom:button-card'
737
                        entity: automation.new_daytime_on
738
                        name: Hallway Timing<br>Automation
739
                        show_name: false
740
                        state:
741
                          - icon: 'mdi:clock-digital'
742
                            styles:
743
                              card:
744
                                - height: 100px
745
                              icon:
746
                                - width: 40%
747
                                - opacity: 0.5
748
                            value: 'off'
749
                          - color: white
750
                            icon: 'mdi:clock-digital'
751
                            operator: default
752
                            styles:
753
                              card:
754
                                - height: 100px
755
                                - animation: mymove 10s infinite
756
                              icon:
757
                                - width: 40%
758
                      - color_type: blank-card
759
                        styles:
760
                          card:
761
                            - width: 20px
762
                        type: 'custom:button-card'
763
                      - type: 'custom:button-card'
764
                        entity: group.new_daytime
765
                        name: Hallway Timing<br>Automation
766
                        show_name: false
767
                        tap_action:
768
                          action: call-service
769
                          service: automation.turn_on
770
                          service_data:
771
                            entity_id:
772
                              - automation.ikea_ceiling_ground_floor
773
                              - automation.ikea_ceiling_first_floor
774
                              - automation.kitchen_corner_pir
775
                              - automation.kitchen_sink_pir
776
                              - automation.ikea_ceiling_kitchen_lights_off
777
                              - automation.ikea_ceiling_kitchen_lights_on
778
                        state:
779
                          - icon: 'mdi:weather-sunny'
780
                            styles:
781
                              card:
782
                                - height: 100px
783
                              icon:
784
                                - width: 40%
785
                                - opacity: 0.5
786
                            value: 'off'
787
                          - color: white
788
                            icon: 'mdi:weather-sunny'
789
                            operator: default
790
                            styles:
791
                              card:
792
                                - height: 100px
793
                              icon:
794
                                - width: 40%
795
                      - color_type: blank-card
796
                        styles:
797
                          card:
798
                            - width: 20px
799
                        type: 'custom:button-card'
800
                      - type: 'custom:button-card'
801
                        entity: group.new_daytime
802
                        name: Hallway Timing<br>Automation
803
                        show_name: false
804
                        tap_action:
805
                          action: call-service
806
                          service: automation.turn_off
807
                          service_data:
808
                            entity_id:
809
                              - automation.ikea_ceiling_ground_floor
810
                              - automation.ikea_ceiling_first_floor
811
                              - automation.kitchen_corner_pir
812
                              - automation.kitchen_sink_pir
813
                              - automation.ikea_ceiling_kitchen_lights_off
814
                              - automation.ikea_ceiling_kitchen_lights_on
815
                        state:
816
                          - icon: 'mdi:weather-night'
817
                            styles:
818
                              card:
819
                                - height: 100px
820
                              icon:
821
                                - width: 40%
822
                            value: 'off'
823
                          - color: white
824
                            icon: 'mdi:weather-night'
825
                            operator: default
826
                            styles:
827
                              card:
828
                                - height: 100px
829
                              icon:
830
                                - width: 40%
831
                                - opacity: 0.5
832
                      - color_type: blank-card
833
                        styles:
834
                          card:
835
                            - width: 15px
836
                        type: 'custom:button-card'
837
                    type: horizontal-stack
838
                type: vertical-stack
839
            type: vertical-stack
840
        type: vertical-stack
841
  - title: security
842
    path: security
843
    icon: 'mdi:shield-home'
844
    badges: []
845
    cards:
846
      - cards:
847
          - color_type: blank-card
848
            styles:
849
              card:
850
                - height: 10px
851
            type: 'custom:button-card'
852
          - cards:
853
              - cards:
854
                  - color_type: blank-card
855
                    styles:
856
                      card:
857
                        - width: 25px
858
                    type: 'custom:button-card'
859
                  - entity: light.living_room
860
                    icon: 'mdi:home-lock'
861
                    lock:
862
                      duration: 10
863
                      enabled: true
864
                      unlock: hold
865
                    name: Activate
866
                    aspect_ratio: 3/2
867
                    state:
868
                      - icon: 'mdi:home-lock'
869
                        styles:
870
                          icon:
871
                            - width: 40%
872
                          name:
873
                            - font-size: 15px
874
                            - text-overflow: unset
875
                            - white-space: unset
876
                            - word-break: break-word
877
                            - padding-bottom: 5px
878
                        value: 'off'
879
                      - color: white
880
                        icon: 'mdi:home-lock'
881
                        operator: default
882
                        styles:
883
                          icon:
884
                            - width: 40%
885
                          name:
886
                            - font-size: 15px
887
                            - text-overflow: unset
888
                            - white-space: unset
889
                            - word-break: break-word
890
                            - padding-bottom: 5px
891
                    type: 'custom:button-card'
892
                  - entity: switch.office_lamp
893
                    icon: 'mdi:home-lock-open'
894
                    lock:
895
                      duration: 10
896
                      enabled: true
897
                      unlock: hold
898
                    name: Disarm
899
                    aspect_ratio: 3/2
900
                    state:
901
                      - icon: 'mdi:home-lock-open'
902
                        styles:
903
                          icon:
904
                            - width: 40%
905
                          name:
906
                            - font-size: 15px
907
                            - text-overflow: unset
908
                            - white-space: unset
909
                            - word-break: break-word
910
                            - padding-bottom: 5px
911
                        value: 'off'
912
                      - color: white
913
                        icon: 'mdi:home-lock-open'
914
                        operator: default
915
                        styles:
916
                          icon:
917
                            - width: 40%
918
                          name:
919
                            - font-size: 15px
920
                            - text-overflow: unset
921
                            - white-space: unset
922
                            - word-break: break-word
923
                            - padding-bottom: 5px
924
                    type: 'custom:button-card'
925
                  - color_type: blank-card
926
                    styles:
927
                      card:
928
                        - width: 10px
929
                    type: 'custom:button-card'
930
                type: horizontal-stack
931
              - cards:
932
                  - color_type: blank-card
933
                    styles:
934
                      card:
935
                        - width: 25px
936
                    type: 'custom:button-card'
937
                  - color_type: icon
938
                    entity: group.first_door_sensors
939
                    icon: 'mdi:home'
940
                    styles:
941
                      name:
942
                        - font-size: 80%
943
                      icon:
944
                        - height: 30px
945
                        - color: white
946
                    layout: vertical
947
                    name: Home
948
                    aspect_ratio: 4/3
949
                    type: 'custom:button-card'
950
                  - icon: 'mdi:weather-night'
951
                    name: Night
952
                    color_type: icon
953
                    styles:
954
                      name:
955
                        - font-size: 80%
956
                      icon:
957
                        - height: 30px
958
                        - color: white
959
                    entity: group.first_door_sensors
960
                    layout: vertical
961
                    aspect_ratio: 4/3
962
                    type: 'custom:button-card'
963
                  - icon: 'mdi:volume-mute'
964
                    name: Silent
965
                    color_type: icon
966
                    styles:
967
                      name:
968
                        - font-size: 80%
969
                      icon:
970
                        - height: 30px
971
                        - color: white
972
                    entity: group.first_door_sensors
973
                    layout: vertical
974
                    aspect_ratio: 4/3
975
                    type: 'custom:button-card'
976
                  - icon: 'mdi:alarm-bell'
977
                    name: Panic
978
                    color_type: icon
979
                    styles:
980
                      name:
981
                        - font-size: 80%
982
                      icon:
983
                        - height: 30px
984
                        - color: white
985
                    entity: group.first_door_sensors
986
                    layout: vertical
987
                    aspect_ratio: 4/3
988
                    type: 'custom:button-card'
989
                  - color_type: blank-card
990
                    styles:
991
                      card:
992
                        - width: 10px
993
                    type: 'custom:button-card'
994
                type: horizontal-stack
995
              - cards:
996
                  - color_type: blank-card
997
                    styles:
998
                      card:
999
                        - width: 25px
1000
                    type: 'custom:button-card'
1001
                  - color_type: icon
1002
                    entity: group.ground_front_back_sensors
1003
                    icon: 'mdi:home-floor-g'
1004
                    layout: vertical
1005
                    show_name: false
1006
                    aspect_ratio: 21/9
1007
                    state:
1008
                      - icon: 'mdi:home-floor-g'
1009
                        styles:
1010
                          card:
1011
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1012
                          icon: null
1013
                        value: 'off'
1014
                      - color: white
1015
                        icon: 'mdi:home-floor-g'
1016
                        operator: default
1017
                        styles:
1018
                          card:
1019
                            - background-color: 'rgba(207, 0, 15, 0.8)'
1020
                    type: 'custom:button-card'
1021
                  - color_type: icon
1022
                    entity: group.first_door_sensors
1023
                    icon: 'mdi:home-floor-1'
1024
                    layout: vertical
1025
                    show_name: false
1026
                    aspect_ratio: 21/9
1027
                    state:
1028
                      - icon: 'mdi:home-floor-1'
1029
                        styles:
1030
                          card:
1031
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1032
                          icon: null
1033
                        value: 'off'
1034
                      - color: white
1035
                        icon: 'mdi:home-floor-1'
1036
                        operator: default
1037
                        styles:
1038
                          card:
1039
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1040
                    type: 'custom:button-card'
1041
                  - color_type: icon
1042
                    entity: group.second_door_sensors
1043
                    icon: 'mdi:home-floor-2'
1044
                    layout: vertical
1045
                    show_name: false
1046
                    aspect_ratio: 21/9
1047
                    state:
1048
                      - icon: 'mdi:home-floor-2'
1049
                        styles:
1050
                          card:
1051
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1052
                          icon: null
1053
                        value: 'off'
1054
                      - color: white
1055
                        icon: 'mdi:home-floor-2'
1056
                        operator: default
1057
                        styles:
1058
                          card:
1059
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1060
                    type: 'custom:button-card'
1061
                  - color_type: blank-card
1062
                    styles:
1063
                      card:
1064
                        - width: 10px
1065
                    type: 'custom:button-card'
1066
                type: horizontal-stack
1067
              - cards:
1068
                  - color_type: blank-card
1069
                    styles:
1070
                      card:
1071
                        - width: 25px
1072
                    type: 'custom:button-card'
1073
                  - color_type: icon
1074
                    entity: group.all_door_sensors
1075
                    icon: 'mdi:door-closed'
1076
                    layout: vertical
1077
                    show_name: false
1078
                    aspect_ratio: 3/2
1079
                    state:
1080
                      - icon: 'mdi:door-closed'
1081
                        styles:
1082
                          card:
1083
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1084
                          icon: null
1085
                        value: 'off'
1086
                      - color: white
1087
                        icon: 'mdi:door-closed'
1088
                        operator: default
1089
                        styles:
1090
                          card:
1091
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1092
                    type: 'custom:button-card'
1093
                  - color_type: icon
1094
                    entity: group.pir_sensor_check
1095
                    icon: 'mdi:motion-sensor'
1096
                    layout: vertical
1097
                    show_name: false
1098
                    aspect_ratio: 3/2
1099
                    state:
1100
                      - icon: 'mdi:motion-sensor'
1101
                        styles:
1102
                          card:
1103
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1104
                          icon: null
1105
                        value: 'off'
1106
                      - color: white
1107
                        icon: 'mdi:motion-sensord'
1108
                        operator: default
1109
                        styles:
1110
                          card:
1111
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1112
                    type: 'custom:button-card'
1113
                  - color_type: icon
1114
                    entity: group.pir_sensor_check
1115
                    icon: 'mdi:cctv'
1116
                    layout: vertical
1117
                    show_name: false
1118
                    aspect_ratio: 3/2
1119
                    state:
1120
                      - icon: 'mdi:cctv'
1121
                        styles:
1122
                          card:
1123
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1124
                          icon: null
1125
                        value: 'off'
1126
                      - color: white
1127
                        icon: 'mdi:cctv'
1128
                        operator: default
1129
                        styles:
1130
                          card:
1131
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1132
                    type: 'custom:button-card'
1133
                  - color_type: icon
1134
                    entity: group.pir_sensor_check
1135
                    icon: 'mdi:lan'
1136
                    layout: vertical
1137
                    show_name: false
1138
                    aspect_ratio: 3/2
1139
                    state:
1140
                      - icon: 'mdi:lan'
1141
                        styles:
1142
                          card:
1143
                            - background-color: 'rgba(0, 255, 0, 0.2)'
1144
                          icon: null
1145
                        value: 'off'
1146
                      - color: white
1147
                        icon: 'mdi:lan'
1148
                        operator: default
1149
                        styles:
1150
                          card:
1151
                            - background-color: 'rgba(245, 229, 27, 0.8)'
1152
                    type: 'custom:button-card'
1153
                  - color_type: blank-card
1154
                    styles:
1155
                      card:
1156
                        - width: 10px
1157
                    type: 'custom:button-card'
1158
                type: horizontal-stack
1159
            type: vertical-stack
1160
          - cards:
1161
              - cards:
1162
                  - color_type: blank-card
1163
                    styles:
1164
                      card:
1165
                        - width: 25px
1166
                    type: 'custom:button-card'
1167
                  - cards:
1168
                      - card:
1169
                          show_icon: false
1170
                          type: entities
1171
                        filter:
1172
                          include:
1173
                            - entity_id: binary_sensor.window_door_sensor
1174
                              options:
1175
                                secondary_info: last-changed
1176
                            - entity_id: binary_sensor.window_door_sensor_2
1177
                              options:
1178
                                secondary_info: last-changed
1179
                            - entity_id: binary_sensor.openclose_22
1180
                              options:
1181
                                secondary_info: last-changed
1182
                        sort:
1183
                          count: 2
1184
                          method: last_changed
1185
                        type: 'custom:auto-entities'
1186
                    title: false
1187
                    type: 'custom:vertical-stack-in-card'
1188
                  - color_type: blank-card
1189
                    styles:
1190
                      card:
1191
                        - width: 10px
1192
                    type: 'custom:button-card'
1193
                type: horizontal-stack
1194
              - cards:
1195
                  - color_type: blank-card
1196
                    styles:
1197
                      card:
1198
                        - width: 25px
1199
                    type: 'custom:button-card'
1200
                  - cards:
1201
                      - card:
1202
                          type: entities
1203
                        filter:
1204
                          include:
1205
                            - entity_id: binary_sensor.living_room_tv_cabinet_pir_sensor
1206
                              options:
1207
                                secondary_info: last-changed
1208
                            - entity_id: binary_sensor.first_hallway_motion
1209
                              options:
1210
                                secondary_info: last-changed
1211
                        sort:
1212
                          count: 2
1213
                          method: last_changed
1214
                        type: 'custom:auto-entities'
1215
                    title: false
1216
                    type: 'custom:vertical-stack-in-card'
1217
                  - color_type: blank-card
1218
                    styles:
1219
                      card:
1220
                        - width: 10px
1221
                    type: 'custom:button-card'
1222
                type: horizontal-stack
1223
            type: vertical-stack
1224
        type: vertical-stack
1225
      - cards:
1226
          - color_type: blank-card
1227
            styles:
1228
              card:
1229
                - height: 10px
1230
            type: 'custom:button-card'
1231
          - cards:
1232
              - cards:
1233
                  - color_type: blank-card
1234
                    styles:
1235
                      card:
1236
                        - width: 10px
1237
                    type: 'custom:button-card'
1238
                  - entity: camera.uvc_g3_front
1239
                    show_name: false
1240
                    show_state: false
1241
                    type: picture-entity
1242
                    camera_image: camera.uvc_g3_front
1243
                    camera_view: live
1244
                    aspect_ratio: 48%
1245
                  - color_type: blank-card
1246
                    styles:
1247
                      card:
1248
                        - width: 25px
1249
                    type: 'custom:button-card'
1250
                type: horizontal-stack
1251
              - color_type: blank-card
1252
                styles:
1253
                  card:
1254
                    - height: 9px
1255
                type: 'custom:button-card'
1256
              - cards:
1257
                  - color_type: blank-card
1258
                    styles:
1259
                      card:
1260
                        - width: 10px
1261
                    type: 'custom:button-card'
1262
                  - entity: camera.swk_cr_uniuvc2
1263
                    show_name: false
1264
                    show_state: false
1265
                    type: picture-entity
1266
                    aspect_ratio: 48%
1267
                  - color_type: blank-card
1268
                    styles:
1269
                      card:
1270
                        - width: 25px
1271
                    type: 'custom:button-card'
1272
                type: horizontal-stack
1273
              - color_type: blank-card
1274
                styles:
1275
                  card:
1276
                    - height: 9px
1277
                type: 'custom:button-card'
1278
              - cards:
1279
                  - color_type: blank-card
1280
                    styles:
1281
                      card:
1282
                        - width: 10px
1283
                    type: 'custom:button-card'
1284
                  - entity: camera.swk_cr_uniuvc3
1285
                    show_name: false
1286
                    show_state: false
1287
                    type: picture-entity
1288
                    aspect_ratio: 48%
1289
                    camera_view: live
1290
                  - color_type: blank-card
1291
                    styles:
1292
                      card:
1293
                        - width: 25px
1294
                    type: 'custom:button-card'
1295
                type: horizontal-stack
1296
            type: vertical-stack
1297
        type: vertical-stack
1298
  - title: media
1299
    path: media
1300
    badges: []
1301
    cards:
1302
      - cards:
1303
          - content: >
1304
              # <img width="30" height="30" src='/local/googlehome.png'
1305
              style='vertical-align:middle' /> Speakers 
1306
            style:
1307
              .: |
1308
                ha-card {
1309
                  background-color: transparent !important;
1310
                  box-shadow: none !important;
1311
                }
1312
              ha-markdown:
1313
                $: |
1314
                  h1 {
1315
                    font-size: 25px;
1316
                   # font-weight: bold;
1317
                    text-align: center;
1318
                    letter-spacing: '-0.01em';
1319
                  }
1320
            type: markdown
1321
          - type: vertical-stack
1322
            cards:
1323
              - type: horizontal-stack
1324
                cards:
1325
                  - color_type: blank-card
1326
                    styles:
1327
                      card:
1328
                        - width: 25px
1329
                    type: 'custom:button-card'
1330
                  - type: entities
1331
                    show_icon: false
1332
                    entities:
1333
                      - input_select.speaker_select
1334
                  - color_type: blank-card
1335
                    styles:
1336
                      card:
1337
                        - width: 25px
1338
                    type: 'custom:button-card'
1339
              - type: horizontal-stack
1340
                cards:
1341
                  - color_type: blank-card
1342
                    styles:
1343
                      card:
1344
                        - width: 25px
1345
                    type: 'custom:button-card'
1346
                  - type: 'custom:state-switch'
1347
                    entity: input_select.speaker_select
1348
                    states:
1349
                      Kitchen:
1350
                        type: vertical-stack
1351
                        cards:
1352
                          - artwork: cover
1353
                            entity: media_player.googlehome4654
1354
                            hide:
1355
                              power_state: false
1356
                              source: true
1357
                              volume: false
1358
                            icon: 'mdi:google-home'
1359
                            name: Kitchen Speaker
1360
                            tts:
1361
                              platform: google
1362
                            type: 'custom:mini-media-player'
1363
                      Living Room:
1364
                        type: vertical-stack
1365
                        cards:
1366
                          - artwork: cover
1367
                            entity: media_player.living_room_speaker
1368
                            hide:
1369
                              power_state: true
1370
                              source: true
1371
                              volume: false
1372
                            icon: 'mdi:google-home'
1373
                            name: Living Room Speaker
1374
                            tts:
1375
                              platform: google
1376
                            type: 'custom:mini-media-player'
1377
                      Master Bedroom:
1378
                        type: vertical-stack
1379
                        cards:
1380
                          - artwork: cover
1381
                            entity: media_player.master_bedroom_speaker
1382
                            hide:
1383
                              power_state: true
1384
                              source: true
1385
                              volume: false
1386
                            icon: 'mdi:google-home'
1387
                            name: Master Bedroom Speaker
1388
                            tts:
1389
                              platform: google
1390
                            type: 'custom:mini-media-player'
1391
                  - color_type: blank-card
1392
                    styles:
1393
                      card:
1394
                        - width: 25px
1395
                    type: 'custom:button-card'
1396
          - content: >
1397
              # <img width="30" height="30" src='/local/gochca.png'
1398
              style='vertical-align:middle' /> Chromecasts 
1399
            style:
1400
              .: |
1401
                ha-card {
1402
                  background-color: transparent !important;
1403
                  box-shadow: none !important;
1404
                }
1405
              ha-markdown:
1406
                $: |
1407
                  h1 {
1408
                    font-size: 25px;
1409
                   # font-weight: bold;
1410
                    text-align: center;
1411
                    letter-spacing: '-0.01em';
1412
                  }
1413
            type: markdown
1414
          - type: vertical-stack
1415
            cards:
1416
              - type: horizontal-stack
1417
                cards:
1418
                  - color_type: blank-card
1419
                    styles:
1420
                      card:
1421
                        - width: 25px
1422
                    type: 'custom:button-card'
1423
                  - type: entities
1424
                    show_icon: false
1425
                    entities:
1426
                      - input_select.chromecast_select
1427
                  - color_type: blank-card
1428
                    styles:
1429
                      card:
1430
                        - width: 25px
1431
                    type: 'custom:button-card'
1432
              - type: horizontal-stack
1433
                cards:
1434
                  - color_type: blank-card
1435
                    styles:
1436
                      card:
1437
                        - width: 25px
1438
                    type: 'custom:button-card'
1439
                  - type: 'custom:state-switch'
1440
                    entity: input_select.chromecast_select
1441
                    states:
1442
                      Snug:
1443
                        type: vertical-stack
1444
                        cards:
1445
                          - artwork: cover
1446
                            entity: media_player.snug_tv
1447
                            hide:
1448
                              power_state: true
1449
                              source: true
1450
                              volume: false
1451
                            icon: 'mdi:cast-connected'
1452
                            name: Snug
1453
                            type: 'custom:mini-media-player'
1454
                      Living Room:
1455
                        type: vertical-stack
1456
                        cards:
1457
                          - artwork: cover
1458
                            entity: media_player.master_bedroom_tv
1459
                            hide:
1460
                              power_state: true
1461
                              source: true
1462
                              volume: false
1463
                            icon: 'mdi:cast-connected'
1464
                            name: Living Room
1465
                            type: 'custom:mini-media-player'
1466
                      Master Bedroom:
1467
                        type: vertical-stack
1468
                        cards:
1469
                          - artwork: cover
1470
                            entity: media_player.master_bedroom_tv
1471
                            hide:
1472
                              power_state: true
1473
                              source: true
1474
                              volume: false
1475
                            icon: 'mdi:cast-connected'
1476
                            name: Master Bedroom
1477
                            type: 'custom:mini-media-player'
1478
                  - color_type: blank-card
1479
                    styles:
1480
                      card:
1481
                        - width: 25px
1482
                    type: 'custom:button-card'
1483
        type: vertical-stack
1484
      - cards:
1485
          - content: >
1486
              # <img width="30" height="30" src='/local/ukradio.png'
1487
              style='vertical-align:middle' /> Radio 
1488
            style:
1489
              .: |
1490
                ha-card {
1491
                  background-color: transparent !important;
1492
                  box-shadow: none !important;
1493
                }
1494
              ha-markdown:
1495
                $: |
1496
                  h1 {
1497
                    font-size: 25px;
1498
                   # font-weight: bold;
1499
                    text-align: center;
1500
                    letter-spacing: '-0.01em';
1501
                  }
1502
            type: markdown
1503
          - cards:
1504
              - color_type: blank-card
1505
                styles:
1506
                  card:
1507
                    - width: 25px
1508
                type: 'custom:button-card'
1509
              - entities:
1510
                  - entity: input_select.radio_station
1511
                    icon: 'mdi:radio'
1512
                  - entity: input_select.googlehome_radio
1513
                  - action_name: Play
1514
                    entity: script.radio
1515
                    icon: 'mdi:play'
1516
                    name: Start Listening
1517
                title: false
1518
                type: entities
1519
              - color_type: blank-card
1520
                styles:
1521
                  card:
1522
                    - width: 25px
1523
                type: 'custom:button-card'
1524
            type: horizontal-stack
1525
          - color_type: blank-card
1526
            styles:
1527
              card:
1528
                - height: 20px
1529
            type: 'custom:button-card'
1530
          - cards:
1531
              - cards:
1532
                  - color_type: blank-card
1533
                    styles:
1534
                      card:
1535
                        - width: 25px
1536
                    type: 'custom:button-card'
1537
                  - type: 'custom:button-card'
1538
                    entity: light.wled
1539
                    entity_picture: /local/gochca.png
1540
                    show_icon: false
1541
                    show_entity_picture: true
1542
                    name: Chromecast
1543
                    styles:
1544
                      card:
1545
                        - height: 120px
1546
                      icon:
1547
                        - width: 30%
1548
                      name:
1549
                        - padding-bottom: 15px
1550
                        - font-size: 14px
1551
                      custom_fields:
1552
                        notification:
1553
                          - background-color: |
1554
                              [[[
1555
                                if (states['automation.front_door_lamp_timer'].state == 'on')
1556
                                  return "green";
1557
                                return "#AD5C5C";
1558
                              ]]]
1559
                          - border-radius: 20%
1560
                          - position: absolute
1561
                          - left: 10%
1562
                          - top: 91%
1563
                          - opacity: 0.5
1564
                          - height: 4px
1565
                          - width: 80%
1566
                    custom_fields:
1567
                      notification: |
1568
                        [[[
1569
                          return `<ha-icon
1570
                            icon="mdi:robot"
1571
                            style="display: block; width: 1px; height: 1px; color: white; margin: auto; position: relative;">
1572
                            </ha-icon>`
1573
                        ]]] 
1574
                  - type: 'custom:button-card'
1575
                    entity: light.wled
1576
                    entity_picture: /local/googlehome.png
1577
                    show_icon: false
1578
                    show_entity_picture: true
1579
                    name: Google Home Mini
1580
                    styles:
1581
                      card:
1582
                        - height: 120px
1583
                      icon:
1584
                        - width: 30%
1585
                      name:
1586
                        - padding-bottom: 15px
1587
                        - font-size: 14px
1588
                      custom_fields:
1589
                        notification:
1590
                          - background-color: |
1591
                              [[[
1592
                                if (states['automation.front_door_lamp_timer'].state == 'on')
1593
                                  return "green";
1594
                                return "#AD5C5C";
1595
                              ]]]
1596
                          - border-radius: 20%
1597
                          - position: absolute
1598
                          - left: 10%
1599
                          - top: 91%
1600
                          - opacity: 0.5
1601
                          - height: 4px
1602
                          - width: 80%
1603
                    custom_fields:
1604
                      notification: |
1605
                        [[[
1606
                          return `<ha-icon
1607
                            icon="mdi:robot"
1608
                            style="display: block; width: 1px; height: 1px; color: white; margin: auto; position: relative;">
1609
                            </ha-icon>`
1610
                        ]]] 
1611
                  - color_type: blank-card
1612
                    styles:
1613
                      card:
1614
                        - width: 25px
1615
                    type: 'custom:button-card'
1616
                type: horizontal-stack
1617
              - cards:
1618
                  - color_type: blank-card
1619
                    styles:
1620
                      card:
1621
                        - width: 25px
1622
                    type: 'custom:button-card'
1623
                  - type: 'custom:button-card'
1624
                    entity: light.wled
1625
                    entity_picture: /local/tvv.png
1626
                    show_icon: false
1627
                    show_entity_picture: true
1628
                    name: Bedroom TV
1629
                    styles:
1630
                      card:
1631
                        - height: 120px
1632
                      icon:
1633
                        - width: 30%
1634
                      name:
1635
                        - padding-bottom: 15px
1636
                        - font-size: 14px
1637
                      custom_fields:
1638
                        notification:
1639
                          - background-color: |
1640
                              [[[
1641
                                if (states['automation.front_door_lamp_timer'].state == 'on')
1642
                                  return "green";
1643
                                return "#AD5C5C";
1644
                              ]]]
1645
                          - border-radius: 20%
1646
                          - position: absolute
1647
                          - left: 10%
1648
                          - top: 91%
1649
                          - opacity: 0.5
1650
                          - height: 4px
1651
                          - width: 80%
1652
                    custom_fields:
1653
                      notification: |
1654
                        [[[
1655
                          return `<ha-icon
1656
                            icon="mdi:robot"
1657
                            style="display: block; width: 1px; height: 1px; color: white; margin: auto; position: relative;">
1658
                            </ha-icon>`
1659
                        ]]] 
1660
                  - type: 'custom:button-card'
1661
                    entity: light.wled
1662
                    entity_picture: /local/ps.png
1663
                    show_icon: false
1664
                    show_entity_picture: true
1665
                    name: Playstation 4
1666
                    styles:
1667
                      card:
1668
                        - height: 120px
1669
                      icon:
1670
                        - width: 30%
1671
                      name:
1672
                        - padding-bottom: 15px
1673
                        - font-size: 14px
1674
                      custom_fields:
1675
                        notification:
1676
                          - background-color: |
1677
                              [[[
1678
                                if (states['automation.front_door_lamp_timer'].state == 'on')
1679
                                  return "green";
1680
                                return "#AD5C5C";
1681
                              ]]]
1682
                          - border-radius: 20%
1683
                          - position: absolute
1684
                          - left: 10%
1685
                          - top: 91%
1686
                          - opacity: 0.5
1687
                          - height: 4px
1688
                          - width: 80%
1689
                    custom_fields:
1690
                      notification: |
1691
                        [[[
1692
                          return `<ha-icon
1693
                            icon="mdi:robot"
1694
                            style="display: block; width: 1px; height: 1px; color: white; margin: auto; position: relative;">
1695
                            </ha-icon>`
1696
                        ]]] 
1697
                  - color_type: blank-card
1698
                    styles:
1699
                      card:
1700
                        - width: 25px
1701
                    type: 'custom:button-card'
1702
                type: horizontal-stack
1703
            type: vertical-stack
1704
        type: vertical-stack
1705