API tools faq
paste
pqpxoxa

HA - Dashboard Config

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