API tools faq
paste
pqpxoxa

HA - Dashboard YAML Config

pqpxoxa
May 8th, 2021
1,329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.42 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: 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.  
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!