API tools faq
paste
Advertisement
pqpxoxa

HA - Lights Select Menu

pqpxoxa
Oct 19th, 2021
954
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 276.12 KB | None | 0 0
raw download clone embed print report
  1. cards:
  2. - type: vertical-stack
  3. cards:
  4. - type: horizontal-stack
  5. cards:
  6. - color_type: blank-card
  7. styles:
  8. card:
  9. - width: 10px
  10. type: custom:button-card
  11. - type: horizontal-stack
  12. cards:
  13. - type: custom:button-card
  14. entity: sensor.window_door_sensor_3_battery_level
  15. name: LIGHTS
  16. icon: phu:bulb-group
  17. show_state: false
  18. label: Overview
  19. show_label: true
  20. styles:
  21. card:
  22. - height: 80px
  23. - background-color: transparent
  24. grid:
  25. - grid-template-areas: '"i n" "i n" "i l"'
  26. - grid-template-columns: 0.3fr 1fr
  27. - grid-template-rows: min-content min-content min-content
  28. img_cell:
  29. - align-self: start
  30. - text-align: start
  31. name:
  32. - justify-self: start
  33. - font-size: 28px
  34. - font-weight: 300
  35. label:
  36. - justify-self: start
  37. - font-size: 16px
  38. - font-weight: 300
  39. icon:
  40. - width: 50px
  41. - align-self: start
  42. - text-align: start
  43. - color_type: blank-card
  44. styles:
  45. card:
  46. - width: 10px
  47. type: custom:button-card
  48. - type: horizontal-stack
  49. cards:
  50. - type: horizontal-stack
  51. cards:
  52. - color_type: blank-card
  53. styles:
  54. card:
  55. - width: 10px
  56. type: custom:button-card
  57. - type: custom:button-card
  58. color: transparent
  59. entity: input_select.beta_menu
  60. show_name: true
  61. color_type: label-card
  62. name: Overview
  63. icon: mdi:home-lightbulb-outline
  64. state:
  65. - icon: mdi:home-lightbulb-outline
  66. styles:
  67. icon:
  68. - color: white
  69. - width: 40px
  70. name:
  71. - color: white
  72. - font-size: 12px
  73. - padding-top: 5px
  74. value: Overview
  75. - icon: mdi:home-lightbulb-outline
  76. styles:
  77. icon:
  78. - color: white
  79. - opacity: 0.5
  80. - width: 40px
  81. name:
  82. - color: white
  83. - font-size: 12px
  84. - padding-top: 5px
  85. operator: default
  86. styles:
  87. icon: null
  88. tap_action:
  89. action: call-service
  90. service: input_select.select_option
  91. service_data:
  92. entity_id: input_select.beta_menu
  93. option: Overview
  94. - type: custom:button-card
  95. color: transparent
  96. entity: input_select.beta_menu
  97. show_name: true
  98. color_type: label-card
  99. name: Lights
  100. icon: mdi:lightbulb-multiple-outline
  101. state:
  102. - icon: mdi:lightbulb-multiple-outline
  103. styles:
  104. icon:
  105. - color: white
  106. - width: 40px
  107. name:
  108. - color: white
  109. - font-size: 12px
  110. - padding-top: 5px
  111. value: Alarm
  112. - icon: mdi:lightbulb-multiple-outline
  113. styles:
  114. icon:
  115. - color: white
  116. - opacity: 0.5
  117. - width: 40px
  118. name:
  119. - color: white
  120. - font-size: 12px
  121. - padding-top: 5px
  122. operator: default
  123. tap_action:
  124. action: call-service
  125. service: input_select.select_option
  126. service_data:
  127. entity_id: input_select.beta_menu
  128. option: Alarm
  129. - type: custom:button-card
  130. color: transparent
  131. entity: input_select.beta_menu
  132. show_name: true
  133. color_type: label-card
  134. name: Devices
  135. icon: phu:motion-sensor
  136. state:
  137. - icon: phu:motion-sensor
  138. styles:
  139. icon:
  140. - color: white
  141. - width: 40px
  142. name:
  143. - color: white
  144. - font-size: 12px
  145. - padding-top: 5px
  146. value: Devices
  147. - icon: phu:motion-sensor
  148. styles:
  149. icon:
  150. - color: white
  151. - opacity: 0.5
  152. - width: 40px
  153. name:
  154. - color: white
  155. - font-size: 12px
  156. - padding-top: 5px
  157. operator: default
  158. tap_action:
  159. action: call-service
  160. service: input_select.select_option
  161. service_data:
  162. entity_id: input_select.beta_menu
  163. option: Devices
  164. - type: custom:button-card
  165. color: transparent
  166. entity: input_select.beta_menu
  167. show_name: true
  168. color_type: label-card
  169. name: Automation
  170. icon: mdi:robot
  171. state:
  172. - icon: mdi:robot
  173. styles:
  174. icon:
  175. - color: white
  176. - width: 40px
  177. name:
  178. - color: white
  179. - font-size: 12px
  180. - padding-top: 5px
  181. value: Automations
  182. - icon: mdi:robot
  183. styles:
  184. icon:
  185. - color: white
  186. - opacity: 0.5
  187. - width: 40px
  188. name:
  189. - color: white
  190. - font-size: 12px
  191. - padding-top: 5px
  192. operator: default
  193. tap_action:
  194. action: call-service
  195. service: input_select.select_option
  196. service_data:
  197. entity_id: input_select.beta_menu
  198. option: Automations
  199. - color_type: blank-card
  200. styles:
  201. card:
  202. - width: 10px
  203. type: custom:button-card
  204. - color_type: blank-card
  205. styles:
  206. card:
  207. - height: 10px
  208. type: custom:button-card
  209. - type: horizontal-stack
  210. cards:
  211. - color_type: blank-card
  212. styles:
  213. card:
  214. - width: 10px
  215. type: custom:button-card
  216. - type: horizontal-stack
  217. cards:
  218. - type: custom:button-card
  219. icon: phu:table-shade
  220. entity: sensor.window_door_sensor_3_battery_level
  221. show_icon: false
  222. name: false
  223. label: false
  224. show_label: false
  225. show_state: false
  226. show_name: false
  227. styles:
  228. card:
  229. - background-color: transparent
  230. - border-radius: 5%
  231. - padding: 0%
  232. grid:
  233. - grid-template-areas: '"lb fg f1 f2 "'
  234. - grid-template-columns: 1fr 15% 15% 15%
  235. - grid-template-rows: min-content
  236. - gap: 0px 10px
  237. custom_fields:
  238. fg:
  239. card:
  240. type: custom:button-card
  241. entity: input_select.chr_light_floor_select
  242. name: false
  243. show_name: false
  244. aspect_ratio: 1/1
  245. icon: mdi:home-floor-g
  246. state:
  247. - icon: mdi:home-floor-g
  248. styles:
  249. card:
  250. - background-color: rgba(43, 55, 78, 0.7)
  251. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  252. icon:
  253. - color: white
  254. - width: 30px
  255. value: Ground
  256. - icon: mdi:home-floor-g
  257. styles:
  258. card:
  259. - opacity: 0.2
  260. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  261. icon:
  262. - color: white
  263. - width: 30px
  264. operator: default
  265. styles:
  266. icon: null
  267. tap_action:
  268. action: call-service
  269. service: input_select.select_option
  270. service_data:
  271. entity_id: input_select.chr_light_floor_select
  272. option: Ground
  273. f1:
  274. card:
  275. type: custom:button-card
  276. entity: input_select.chr_light_floor_select
  277. name: false
  278. show_name: false
  279. aspect_ratio: 1/1
  280. icon: mdi:home-floor-1
  281. state:
  282. - icon: mdi:home-floor-1
  283. styles:
  284. card:
  285. - background-color: rgba(43, 55, 78, 0.7)
  286. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  287. icon:
  288. - color: white
  289. - width: 30px
  290. value: First
  291. - icon: mdi:home-floor-1
  292. styles:
  293. card:
  294. - opacity: 0.2
  295. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  296. icon:
  297. - color: white
  298. - width: 30px
  299. operator: default
  300. styles:
  301. icon: null
  302. tap_action:
  303. action: call-service
  304. service: input_select.select_option
  305. service_data:
  306. entity_id: input_select.chr_light_floor_select
  307. option: First
  308. f2:
  309. card:
  310. type: custom:button-card
  311. entity: input_select.chr_light_floor_select
  312. name: false
  313. show_name: false
  314. aspect_ratio: 1/1
  315. icon: mdi:home-floor-2
  316. state:
  317. - icon: mdi:home-floor-2
  318. styles:
  319. card:
  320. - background-color: rgba(43, 55, 78, 0.7)
  321. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  322. icon:
  323. - color: white
  324. - width: 30px
  325. value: Second
  326. - icon: mdi:home-floor-2
  327. styles:
  328. card:
  329. - opacity: 0.2
  330. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  331. icon:
  332. - color: white
  333. - width: 30px
  334. operator: default
  335. styles:
  336. icon: null
  337. tap_action:
  338. action: call-service
  339. service: input_select.select_option
  340. service_data:
  341. entity_id: input_select.chr_light_floor_select
  342. option: Second
  343. lb:
  344. card:
  345. type: custom:button-card
  346. color: transparent
  347. name: |
  348. [[[
  349. return states['input_select.chr_light_floor_select'].state;
  350. ]]]
  351. styles:
  352. card:
  353. - background-color: transparent
  354. name:
  355. - font-size: 22px
  356. - font-weight: 300
  357. - justify-self: left
  358. - padding-left: 5%
  359. - padding-top: 3%
  360. - padding-bottom: 3%
  361. - color_type: blank-card
  362. styles:
  363. card:
  364. - width: 10px
  365. type: custom:button-card
  366. - color_type: blank-card
  367. styles:
  368. card:
  369. - height: 5px
  370. type: custom:button-card
  371. - type: custom:state-switch
  372. entity: input_select.chr_light_floor_select
  373. states:
  374. Ground:
  375. type: horizontal-stack
  376. cards:
  377. - color_type: blank-card
  378. styles:
  379. card:
  380. - width: 10px
  381. type: custom:button-card
  382. - type: horizontal-stack
  383. cards:
  384. - type: custom:button-card
  385. icon: phu:table-shade
  386. entity: sensor.window_door_sensor_3_battery_level
  387. show_icon: false
  388. name: false
  389. label: false
  390. show_label: false
  391. show_state: false
  392. show_name: false
  393. styles:
  394. card:
  395. - background-color: rgba(43, 55, 78, 0.7)
  396. - border-radius: 5%
  397. - padding: 5%
  398. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  399. grid:
  400. - grid-template-areas: '"ln r1 r2 r3" "rm rm rm rm"'
  401. - grid-template-columns: 55% 15% 15% 15%
  402. - grid-template-rows: min-content 1fr
  403. - gap: 15px 1px
  404. custom_fields:
  405. r1:
  406. card:
  407. type: custom:button-card
  408. entity: input_select.chr_light_room_select_ground
  409. name: false
  410. show_name: false
  411. aspect_ratio: 1/1
  412. icon: phu:rooms-hallway
  413. state:
  414. - icon: phu:rooms-hallway
  415. styles:
  416. card:
  417. - background-color: '#242e42'
  418. icon:
  419. - color: white
  420. - width: 25px
  421. value: Hallway
  422. - icon: phu:rooms-hallway
  423. styles:
  424. icon:
  425. - color: white
  426. - width: 25px
  427. - opacity: 0.5
  428. operator: default
  429. styles:
  430. icon: null
  431. tap_action:
  432. action: call-service
  433. service: input_select.select_option
  434. service_data:
  435. entity_id: input_select.chr_light_room_select_ground
  436. option: Hallway
  437. r2:
  438. card:
  439. type: custom:button-card
  440. entity: input_select.chr_light_room_select_ground
  441. name: false
  442. show_name: false
  443. aspect_ratio: 1/1
  444. icon: phu:rooms-porch
  445. state:
  446. - icon: phu:rooms-porch
  447. styles:
  448. card:
  449. - background-color: '#242e42'
  450. icon:
  451. - color: white
  452. - width: 25px
  453. value: Snug
  454. - icon: phu:rooms-porch
  455. styles:
  456. icon:
  457. - color: white
  458. - width: 25px
  459. - opacity: 0.5
  460. operator: default
  461. styles:
  462. icon: null
  463. tap_action:
  464. action: call-service
  465. service: input_select.select_option
  466. service_data:
  467. entity_id: input_select.chr_light_room_select_ground
  468. option: Snug
  469. r3:
  470. card:
  471. type: custom:button-card
  472. entity: input_select.chr_light_room_select_ground
  473. name: false
  474. show_name: false
  475. aspect_ratio: 1/1
  476. icon: phu:rooms-kitchen
  477. state:
  478. - icon: phu:rooms-kitchen
  479. styles:
  480. card:
  481. - background-color: '#242e42'
  482. icon:
  483. - color: white
  484. - width: 25px
  485. value: Kitchen
  486. - icon: phu:rooms-kitchen
  487. styles:
  488. icon:
  489. - color: white
  490. - width: 25px
  491. - opacity: 0.5
  492. operator: default
  493. styles:
  494. icon: null
  495. tap_action:
  496. action: call-service
  497. service: input_select.select_option
  498. service_data:
  499. entity_id: input_select.chr_light_room_select_ground
  500. option: Kitchen
  501. rm:
  502. card:
  503. type: custom:state-switch
  504. entity: input_select.chr_light_room_select_ground
  505. states:
  506. Hallway:
  507. type: vertical-stack
  508. cards:
  509. - type: horizontal-stack
  510. cards:
  511. - type: custom:button-card
  512. entity: light.ground_hallway_lamp
  513. icon: phu:table-shade
  514. show_icon: true
  515. aspect_ratio: 1/1
  516. hold_action:
  517. action: more-info
  518. tap_action:
  519. action: toggle
  520. name: Lamp
  521. show_state: true
  522. state:
  523. - styles:
  524. card:
  525. - background-color: '#242e42'
  526. - border-radius: 10%
  527. - padding: 12%
  528. - color: ivory
  529. - opacity: 0.7
  530. - font-size: 10px
  531. - text-shadow: 0px 0px 5px black
  532. - text-transform: capitalize
  533. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  534. grid:
  535. - grid-template-areas: '"i bright" "n n" "s s"'
  536. - grid-template-columns: 1fr 1fr
  537. - grid-template-rows: 1fr min-content min-content
  538. name:
  539. - font-weight: 300
  540. - font-size: 10px
  541. - color: white
  542. - opacity: 0.7
  543. - align-self: middle
  544. - justify-self: start
  545. state:
  546. - font-weight: bold
  547. - font-size: px
  548. - opacity: 0.7
  549. - color: white
  550. - align-self: middle
  551. - justify-self: start
  552. img_cell:
  553. - justify-content: start
  554. - align-items: start
  555. - margin: none
  556. icon:
  557. - width: 100%
  558. - opacity: 0.2
  559. - color: white
  560. custom_fields:
  561. bright:
  562. - align-self: start
  563. - justify-self: end
  564. - border-radius: 20px
  565. - border-style: solid
  566. - border-width: 1px
  567. - font-size: 10px
  568. - font-weight: 300
  569. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  570. - border-color: '#67727e'
  571. - padding: 15%
  572. value: 'off'
  573. - styles:
  574. card:
  575. - background-color: '#242e42'
  576. - border-radius: 10%
  577. - padding: 12%
  578. - color: ivory
  579. - font-size: 10px
  580. - text-shadow: 0px 0px 5px black
  581. - text-transform: capitalize
  582. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  583. grid:
  584. - grid-template-areas: '"i bright" "n n" "s s"'
  585. - grid-template-columns: 1fr 1fr
  586. - grid-template-rows: 1fr min-content min-content
  587. name:
  588. - font-weight: 300
  589. - font-size: 10px
  590. - color: white
  591. - align-self: middle
  592. - justify-self: start
  593. state:
  594. - font-weight: bold
  595. - font-size: px
  596. - color: white
  597. - align-self: middle
  598. - justify-self: start
  599. img_cell:
  600. - justify-content: start
  601. - align-items: start
  602. - margin: none
  603. icon:
  604. - width: 100%
  605. - color: white
  606. custom_fields:
  607. bright:
  608. - align-self: start
  609. - justify-self: end
  610. - border-radius: 20px
  611. - border-style: solid
  612. - border-width: 1px
  613. - font-size: 10px
  614. - font-weight: 300
  615. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  616. - border-color: '#67727e'
  617. - padding: 15%
  618. value: 'on'
  619. - styles:
  620. card:
  621. - background-color: '#242e42'
  622. - border-radius: 10%
  623. - padding: 12%
  624. - color: ivory
  625. - opacity: 0.7
  626. - font-size: 10px
  627. - text-shadow: 0px 0px 5px black
  628. - text-transform: capitalize
  629. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  630. grid:
  631. - grid-template-areas: '"i bright" "n n" "s s"'
  632. - grid-template-columns: 1fr 1fr
  633. - grid-template-rows: 1fr min-content min-content
  634. name:
  635. - font-weight: 300
  636. - font-size: 10px
  637. - opacity: 0.7
  638. - color: white
  639. - align-self: middle
  640. - justify-self: start
  641. state:
  642. - font-weight: bold
  643. - opacity: 0.7
  644. - font-size: 9px
  645. - color: white
  646. - align-self: middle
  647. - justify-self: start
  648. img_cell:
  649. - justify-content: start
  650. - align-items: start
  651. - margin: none
  652. icon:
  653. - width: 100%
  654. - opacity: 0.2
  655. - color: white
  656. custom_fields:
  657. bright:
  658. - align-self: start
  659. - justify-self: end
  660. - border-radius: 20px
  661. - border-style: solid
  662. - border-width: 1px
  663. - font-size: 10px
  664. - font-weight: 300
  665. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  666. - border-color: '#67727e'
  667. - padding: 15%
  668. value: unavailable
  669. - type: custom:button-card
  670. entity: light.front_door_ceiling_light
  671. icon: phu:bulbs-spot
  672. show_icon: true
  673. aspect_ratio: 1/1
  674. hold_action:
  675. action: more-info
  676. tap_action:
  677. action: toggle
  678. name: Floor Door
  679. show_state: true
  680. state:
  681. - styles:
  682. card:
  683. - background-color: '#242e42'
  684. - border-radius: 10%
  685. - padding: 12%
  686. - color: ivory
  687. - opacity: 0.7
  688. - font-size: 10px
  689. - text-shadow: 0px 0px 5px black
  690. - text-transform: capitalize
  691. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  692. grid:
  693. - grid-template-areas: '"i bright" "n n" "s s"'
  694. - grid-template-columns: 1fr 1fr
  695. - grid-template-rows: 1fr min-content min-content
  696. name:
  697. - font-weight: 300
  698. - font-size: 10px
  699. - opacity: 0.7
  700. - color: white
  701. - align-self: middle
  702. - justify-self: start
  703. state:
  704. - font-weight: bold
  705. - opacity: 0.7
  706. - font-size: 9px
  707. - color: white
  708. - align-self: middle
  709. - justify-self: start
  710. img_cell:
  711. - justify-content: start
  712. - align-items: start
  713. - margin: none
  714. icon:
  715. - width: 100%
  716. - opacity: 0.2
  717. - color: white
  718. custom_fields:
  719. bright:
  720. - align-self: start
  721. - justify-self: end
  722. - border-radius: 20px
  723. - border-style: solid
  724. - border-width: 1px
  725. - font-size: 10px
  726. - font-weight: 300
  727. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  728. - border-color: '#67727e'
  729. - padding: 15%
  730. value: 'off'
  731. - styles:
  732. card:
  733. - background-color: '#242e42'
  734. - border-radius: 10%
  735. - padding: 12%
  736. - color: ivory
  737. - opacity: 0.7
  738. - font-size: 10px
  739. - text-shadow: 0px 0px 5px black
  740. - text-transform: capitalize
  741. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  742. grid:
  743. - grid-template-areas: '"i bright" "n n" "s s"'
  744. - grid-template-columns: 1fr 1fr
  745. - grid-template-rows: 1fr min-content min-content
  746. name:
  747. - font-weight: 300
  748. - font-size: 10px
  749. - opacity: 0.7
  750. - color: white
  751. - align-self: middle
  752. - justify-self: start
  753. state:
  754. - font-weight: bold
  755. - opacity: 0.7
  756. - font-size: 9px
  757. - color: white
  758. - align-self: middle
  759. - justify-self: start
  760. img_cell:
  761. - justify-content: start
  762. - align-items: start
  763. - margin: none
  764. icon:
  765. - width: 100%
  766. - opacity: 0.2
  767. - color: white
  768. custom_fields:
  769. bright:
  770. - align-self: start
  771. - justify-self: end
  772. - border-radius: 20px
  773. - border-style: solid
  774. - border-width: 1px
  775. - font-size: 10px
  776. - font-weight: 300
  777. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  778. - border-color: '#67727e'
  779. - padding: 15%
  780. value: unavailable
  781. - styles:
  782. card:
  783. - background-color: '#242e42'
  784. - border-radius: 10%
  785. - padding: 12%
  786. - color: ivory
  787. - font-size: 10px
  788. - text-shadow: 0px 0px 5px black
  789. - text-transform: capitalize
  790. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  791. grid:
  792. - grid-template-areas: '"i bright" "n n" "s s"'
  793. - grid-template-columns: 1fr 1fr
  794. - grid-template-rows: 1fr min-content min-content
  795. name:
  796. - font-weight: 300
  797. - font-size: 10px
  798. - color: white
  799. - align-self: middle
  800. - justify-self: start
  801. state:
  802. - font-weight: bold
  803. - font-size: 9px
  804. - color: white
  805. - align-self: middle
  806. - justify-self: start
  807. img_cell:
  808. - justify-content: start
  809. - align-items: start
  810. - margin: none
  811. icon:
  812. - width: 100%
  813. - color: white
  814. custom_fields:
  815. bright:
  816. - opacity: 0
  817. - align-self: start
  818. - justify-self: end
  819. - border-radius: 20px
  820. - border-style: solid
  821. - border-width: 1px
  822. - font-size: 10px
  823. - font-weight: 300
  824. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  825. - border-color: '#67727e'
  826. - padding: 15%
  827. value: 'on'
  828. - type: custom:button-card
  829. entity: light.ground_floor_hallway
  830. icon: phu:pendant-round
  831. show_icon: true
  832. hold_action:
  833. action: more-info
  834. tap_action:
  835. action: toggle
  836. aspect_ratio: 1/1
  837. name: Ceiling
  838. show_state: true
  839. state:
  840. - styles:
  841. card:
  842. - background-color: '#242e42'
  843. - border-radius: 10%
  844. - padding: 12%
  845. - color: ivory
  846. - opacity: 0.7
  847. - font-size: 10px
  848. - text-shadow: 0px 0px 5px black
  849. - text-transform: capitalize
  850. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  851. grid:
  852. - grid-template-areas: '"i bright" "n n" "s s"'
  853. - grid-template-columns: 1fr 1fr
  854. - grid-template-rows: 1fr min-content min-content
  855. name:
  856. - font-weight: 300
  857. - font-size: 10px
  858. - opacity: 0.7
  859. - color: white
  860. - align-self: middle
  861. - justify-self: start
  862. state:
  863. - font-weight: bold
  864. - opacity: 0.7
  865. - font-size: 9px
  866. - color: white
  867. - align-self: middle
  868. - justify-self: start
  869. img_cell:
  870. - justify-content: start
  871. - align-items: start
  872. - margin: none
  873. icon:
  874. - width: 100%
  875. - opacity: 0.2
  876. - color: white
  877. custom_fields:
  878. bright:
  879. - align-self: start
  880. - justify-self: end
  881. - border-radius: 20px
  882. - border-style: solid
  883. - border-width: 1px
  884. - font-size: 10px
  885. - font-weight: 300
  886. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  887. - border-color: '#67727e'
  888. - padding: 15%
  889. value: unavailable
  890. - styles:
  891. card:
  892. - background-color: '#242e42'
  893. - border-radius: 10%
  894. - padding: 12%
  895. - color: ivory
  896. - opacity: 0.7
  897. - font-size: 10px
  898. - text-shadow: 0px 0px 5px black
  899. - text-transform: capitalize
  900. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  901. grid:
  902. - grid-template-areas: '"i bright" "n n" "s s"'
  903. - grid-template-columns: 1fr 1fr
  904. - grid-template-rows: 1fr min-content min-content
  905. name:
  906. - font-weight: 300
  907. - font-size: 10px
  908. - color: white
  909. - opacity: 0.7
  910. - align-self: middle
  911. - justify-self: start
  912. state:
  913. - font-weight: bold
  914. - font-size: 9px
  915. - opacity: 0.7
  916. - color: white
  917. - align-self: middle
  918. - justify-self: start
  919. img_cell:
  920. - justify-content: start
  921. - align-items: start
  922. - margin: none
  923. icon:
  924. - width: 100%
  925. - color: white
  926. - opacity: 0.2
  927. custom_fields:
  928. bright:
  929. - opacity: 0
  930. - align-self: start
  931. - justify-self: end
  932. - border-radius: 20px
  933. - border-style: solid
  934. - border-width: 1px
  935. - font-size: 10px
  936. - font-weight: 300
  937. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  938. - border-color: '#67727e'
  939. - padding: 15%
  940. value: 'off'
  941. - styles:
  942. card:
  943. - background-color: '#242e42'
  944. - border-radius: 10%
  945. - padding: 12%
  946. - color: ivory
  947. - font-size: 10px
  948. - text-shadow: 0px 0px 5px black
  949. - text-transform: capitalize
  950. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  951. grid:
  952. - grid-template-areas: '"i bright" "n n" "s s"'
  953. - grid-template-columns: 1fr 1fr
  954. - grid-template-rows: 1fr min-content min-content
  955. name:
  956. - font-weight: 300
  957. - font-size: 10px
  958. - color: white
  959. - align-self: middle
  960. - justify-self: start
  961. state:
  962. - font-weight: bold
  963. - font-size: 9px
  964. - color: white
  965. - align-self: middle
  966. - justify-self: start
  967. img_cell:
  968. - justify-content: start
  969. - align-items: start
  970. - margin: none
  971. icon:
  972. - width: 100%
  973. - color: white
  974. custom_fields:
  975. bright:
  976. - align-self: start
  977. - justify-self: end
  978. - border-radius: 20px
  979. - border-style: solid
  980. - border-width: 1px
  981. - font-size: 10px
  982. - font-weight: 300
  983. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  984. - border-color: '#67727e'
  985. - padding: 15%
  986. value: 'on'
  987. custom_fields:
  988. bright: |
  989. [[[
  990. var b = states['light.snug_ceiling'].attributes.brightness;
  991. return parseInt(b ? b/2.55 : '0') + '%';
  992. ]]]
  993. - type: horizontal-stack
  994. cards:
  995. - type: custom:button-card
  996. entity: switch.office_lamp_2
  997. icon: phu:bulbs-spot
  998. show_icon: true
  999. aspect_ratio: 1/1
  1000. hold_action:
  1001. action: more-info
  1002. tap_action:
  1003. action: toggle
  1004. name: Porch
  1005. show_state: true
  1006. state:
  1007. - styles:
  1008. card:
  1009. - background-color: '#242e42'
  1010. - border-radius: 10%
  1011. - padding: 12%
  1012. - color: ivory
  1013. - opacity: 0.7
  1014. - font-size: 10px
  1015. - text-shadow: 0px 0px 5px black
  1016. - text-transform: capitalize
  1017. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1018. grid:
  1019. - grid-template-areas: '"i bright" "n n" "s s"'
  1020. - grid-template-columns: 1fr 1fr
  1021. - grid-template-rows: 1fr min-content min-content
  1022. name:
  1023. - font-weight: 300
  1024. - font-size: 10px
  1025. - color: white
  1026. - opacity: 0.7
  1027. - align-self: middle
  1028. - justify-self: start
  1029. state:
  1030. - font-weight: bold
  1031. - font-size: px
  1032. - opacity: 0.7
  1033. - color: white
  1034. - align-self: middle
  1035. - justify-self: start
  1036. img_cell:
  1037. - justify-content: start
  1038. - align-items: start
  1039. - margin: none
  1040. icon:
  1041. - width: 100%
  1042. - opacity: 0.2
  1043. - color: white
  1044. custom_fields:
  1045. bright:
  1046. - align-self: start
  1047. - justify-self: end
  1048. - border-radius: 20px
  1049. - border-style: solid
  1050. - border-width: 1px
  1051. - font-size: 10px
  1052. - font-weight: 300
  1053. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1054. - border-color: '#67727e'
  1055. - padding: 15%
  1056. value: 'off'
  1057. - styles:
  1058. card:
  1059. - background-color: '#242e42'
  1060. - border-radius: 10%
  1061. - padding: 12%
  1062. - color: ivory
  1063. - font-size: 10px
  1064. - text-shadow: 0px 0px 5px black
  1065. - text-transform: capitalize
  1066. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1067. grid:
  1068. - grid-template-areas: '"i bright" "n n" "s s"'
  1069. - grid-template-columns: 1fr 1fr
  1070. - grid-template-rows: 1fr min-content min-content
  1071. name:
  1072. - font-weight: 300
  1073. - font-size: 10px
  1074. - color: white
  1075. - align-self: middle
  1076. - justify-self: start
  1077. state:
  1078. - font-weight: bold
  1079. - font-size: px
  1080. - color: white
  1081. - align-self: middle
  1082. - justify-self: start
  1083. img_cell:
  1084. - justify-content: start
  1085. - align-items: start
  1086. - margin: none
  1087. icon:
  1088. - width: 100%
  1089. - color: white
  1090. custom_fields:
  1091. bright:
  1092. - align-self: start
  1093. - justify-self: end
  1094. - border-radius: 20px
  1095. - border-style: solid
  1096. - border-width: 1px
  1097. - font-size: 10px
  1098. - font-weight: 300
  1099. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1100. - border-color: '#67727e'
  1101. - padding: 15%
  1102. value: 'on'
  1103. - type: custom:button-card
  1104. color_type: blank-card
  1105. - type: custom:button-card
  1106. color_type: blank-card
  1107. Snug:
  1108. type: vertical-stack
  1109. cards:
  1110. - type: horizontal-stack
  1111. cards:
  1112. - type: custom:button-card
  1113. entity: switch.sonoff_10004008d2
  1114. icon: phu:floor-shade
  1115. show_icon: true
  1116. aspect_ratio: 1/1
  1117. hold_action:
  1118. action: more-info
  1119. tap_action:
  1120. action: toggle
  1121. name: Floor Lamp
  1122. show_state: true
  1123. state:
  1124. - styles:
  1125. card:
  1126. - background-color: '#242e42'
  1127. - border-radius: 10%
  1128. - padding: 12%
  1129. - color: ivory
  1130. - opacity: 0.7
  1131. - font-size: 10px
  1132. - text-shadow: 0px 0px 5px black
  1133. - text-transform: capitalize
  1134. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1135. grid:
  1136. - grid-template-areas: '"i bright" "n n" "s s"'
  1137. - grid-template-columns: 1fr 1fr
  1138. - grid-template-rows: 1fr min-content min-content
  1139. name:
  1140. - font-weight: 300
  1141. - font-size: 10px
  1142. - color: white
  1143. - opacity: 0.7
  1144. - align-self: middle
  1145. - justify-self: start
  1146. state:
  1147. - font-weight: bold
  1148. - font-size: px
  1149. - opacity: 0.7
  1150. - color: white
  1151. - align-self: middle
  1152. - justify-self: start
  1153. img_cell:
  1154. - justify-content: start
  1155. - align-items: start
  1156. - margin: none
  1157. icon:
  1158. - width: 100%
  1159. - opacity: 0.2
  1160. - color: white
  1161. custom_fields:
  1162. bright:
  1163. - align-self: start
  1164. - justify-self: end
  1165. - border-radius: 20px
  1166. - border-style: solid
  1167. - border-width: 1px
  1168. - font-size: 10px
  1169. - font-weight: 300
  1170. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1171. - border-color: '#67727e'
  1172. - padding: 15%
  1173. value: 'off'
  1174. - styles:
  1175. card:
  1176. - background-color: '#242e42'
  1177. - border-radius: 10%
  1178. - padding: 12%
  1179. - color: ivory
  1180. - font-size: 10px
  1181. - text-shadow: 0px 0px 5px black
  1182. - text-transform: capitalize
  1183. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1184. grid:
  1185. - grid-template-areas: '"i bright" "n n" "s s"'
  1186. - grid-template-columns: 1fr 1fr
  1187. - grid-template-rows: 1fr min-content min-content
  1188. name:
  1189. - font-weight: 300
  1190. - font-size: 10px
  1191. - color: white
  1192. - align-self: middle
  1193. - justify-self: start
  1194. state:
  1195. - font-weight: bold
  1196. - font-size: px
  1197. - color: white
  1198. - align-self: middle
  1199. - justify-self: start
  1200. img_cell:
  1201. - justify-content: start
  1202. - align-items: start
  1203. - margin: none
  1204. icon:
  1205. - width: 100%
  1206. - color: white
  1207. custom_fields:
  1208. bright:
  1209. - align-self: start
  1210. - justify-self: end
  1211. - border-radius: 20px
  1212. - border-style: solid
  1213. - border-width: 1px
  1214. - font-size: 10px
  1215. - font-weight: 300
  1216. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1217. - border-color: '#67727e'
  1218. - padding: 15%
  1219. value: 'on'
  1220. - styles:
  1221. card:
  1222. - background-color: '#242e42'
  1223. - border-radius: 10%
  1224. - padding: 12%
  1225. - color: ivory
  1226. - opacity: 0.7
  1227. - font-size: 10px
  1228. - text-shadow: 0px 0px 5px black
  1229. - text-transform: capitalize
  1230. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1231. grid:
  1232. - grid-template-areas: '"i bright" "n n" "s s"'
  1233. - grid-template-columns: 1fr 1fr
  1234. - grid-template-rows: 1fr min-content min-content
  1235. name:
  1236. - font-weight: 300
  1237. - font-size: 10px
  1238. - opacity: 0.7
  1239. - color: white
  1240. - align-self: middle
  1241. - justify-self: start
  1242. state:
  1243. - font-weight: bold
  1244. - opacity: 0.7
  1245. - font-size: 9px
  1246. - color: white
  1247. - align-self: middle
  1248. - justify-self: start
  1249. img_cell:
  1250. - justify-content: start
  1251. - align-items: start
  1252. - margin: none
  1253. icon:
  1254. - width: 100%
  1255. - opacity: 0.2
  1256. - color: white
  1257. custom_fields:
  1258. bright:
  1259. - align-self: start
  1260. - justify-self: end
  1261. - border-radius: 20px
  1262. - border-style: solid
  1263. - border-width: 1px
  1264. - font-size: 10px
  1265. - font-weight: 300
  1266. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1267. - border-color: '#67727e'
  1268. - padding: 15%
  1269. value: unavailable
  1270. - type: custom:button-card
  1271. entity: light.snug_ceiling
  1272. icon: phu:ceiling-lamp-round
  1273. show_icon: true
  1274. aspect_ratio: 1/1
  1275. hold_action:
  1276. action: more-info
  1277. tap_action:
  1278. action: toggle
  1279. name: Ceiling
  1280. show_state: true
  1281. state:
  1282. - styles:
  1283. card:
  1284. - background-color: '#242e42'
  1285. - border-radius: 10%
  1286. - padding: 12%
  1287. - color: ivory
  1288. - opacity: 0.7
  1289. - font-size: 10px
  1290. - text-shadow: 0px 0px 5px black
  1291. - text-transform: capitalize
  1292. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1293. grid:
  1294. - grid-template-areas: '"i bright" "n n" "s s"'
  1295. - grid-template-columns: 1fr 1fr
  1296. - grid-template-rows: 1fr min-content min-content
  1297. name:
  1298. - font-weight: 300
  1299. - font-size: 10px
  1300. - opacity: 0.7
  1301. - color: white
  1302. - align-self: middle
  1303. - justify-self: start
  1304. state:
  1305. - font-weight: bold
  1306. - opacity: 0.7
  1307. - font-size: 9px
  1308. - color: white
  1309. - align-self: middle
  1310. - justify-self: start
  1311. img_cell:
  1312. - justify-content: start
  1313. - align-items: start
  1314. - margin: none
  1315. icon:
  1316. - width: 100%
  1317. - opacity: 0.2
  1318. - color: white
  1319. custom_fields:
  1320. bright:
  1321. - align-self: start
  1322. - justify-self: end
  1323. - border-radius: 20px
  1324. - border-style: solid
  1325. - border-width: 1px
  1326. - font-size: 10px
  1327. - font-weight: 300
  1328. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1329. - border-color: '#67727e'
  1330. - padding: 15%
  1331. value: 'off'
  1332. - styles:
  1333. card:
  1334. - background-color: '#242e42'
  1335. - border-radius: 10%
  1336. - padding: 12%
  1337. - color: ivory
  1338. - opacity: 0.7
  1339. - font-size: 10px
  1340. - text-shadow: 0px 0px 5px black
  1341. - text-transform: capitalize
  1342. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1343. grid:
  1344. - grid-template-areas: '"i bright" "n n" "s s"'
  1345. - grid-template-columns: 1fr 1fr
  1346. - grid-template-rows: 1fr min-content min-content
  1347. name:
  1348. - font-weight: 300
  1349. - font-size: 10px
  1350. - opacity: 0.7
  1351. - color: white
  1352. - align-self: middle
  1353. - justify-self: start
  1354. state:
  1355. - font-weight: bold
  1356. - opacity: 0.7
  1357. - font-size: 9px
  1358. - color: white
  1359. - align-self: middle
  1360. - justify-self: start
  1361. img_cell:
  1362. - justify-content: start
  1363. - align-items: start
  1364. - margin: none
  1365. icon:
  1366. - width: 100%
  1367. - opacity: 0.2
  1368. - color: white
  1369. custom_fields:
  1370. bright:
  1371. - align-self: start
  1372. - justify-self: end
  1373. - border-radius: 20px
  1374. - border-style: solid
  1375. - border-width: 1px
  1376. - font-size: 10px
  1377. - font-weight: 300
  1378. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1379. - border-color: '#67727e'
  1380. - padding: 15%
  1381. value: unavailable
  1382. - styles:
  1383. card:
  1384. - background-color: '#242e42'
  1385. - border-radius: 10%
  1386. - padding: 12%
  1387. - color: ivory
  1388. - font-size: 10px
  1389. - text-shadow: 0px 0px 5px black
  1390. - text-transform: capitalize
  1391. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1392. grid:
  1393. - grid-template-areas: '"i bright" "n n" "s s"'
  1394. - grid-template-columns: 1fr 1fr
  1395. - grid-template-rows: 1fr min-content min-content
  1396. name:
  1397. - font-weight: 300
  1398. - font-size: 10px
  1399. - color: white
  1400. - align-self: middle
  1401. - justify-self: start
  1402. state:
  1403. - font-weight: bold
  1404. - font-size: 9px
  1405. - color: white
  1406. - align-self: middle
  1407. - justify-self: start
  1408. img_cell:
  1409. - justify-content: start
  1410. - align-items: start
  1411. - margin: none
  1412. icon:
  1413. - width: 100%
  1414. - color: white
  1415. custom_fields:
  1416. bright:
  1417. - opacity: 0
  1418. - align-self: start
  1419. - justify-self: end
  1420. - border-radius: 20px
  1421. - border-style: solid
  1422. - border-width: 1px
  1423. - font-size: 10px
  1424. - font-weight: 300
  1425. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1426. - border-color: '#67727e'
  1427. - padding: 15%
  1428. value: 'on'
  1429. - type: custom:button-card
  1430. color_type: blank-card
  1431. Kitchen:
  1432. type: vertical-stack
  1433. cards:
  1434. - type: horizontal-stack
  1435. cards:
  1436. - type: custom:button-card
  1437. entity: light.kitchen_rgb_lights
  1438. icon: phu:light-strip
  1439. show_icon: true
  1440. aspect_ratio: 1/1
  1441. hold_action:
  1442. action: more-info
  1443. tap_action:
  1444. action: toggle
  1445. name: RGB Cabinets
  1446. show_state: true
  1447. state:
  1448. - styles:
  1449. card:
  1450. - background-color: '#242e42'
  1451. - border-radius: 10%
  1452. - padding: 12%
  1453. - color: ivory
  1454. - opacity: 0.7
  1455. - font-size: 10px
  1456. - text-shadow: 0px 0px 5px black
  1457. - text-transform: capitalize
  1458. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1459. grid:
  1460. - grid-template-areas: '"i bright" "n n" "s s"'
  1461. - grid-template-columns: 1fr 1fr
  1462. - grid-template-rows: 1fr min-content min-content
  1463. name:
  1464. - font-weight: 300
  1465. - font-size: 10px
  1466. - color: white
  1467. - opacity: 0.7
  1468. - align-self: middle
  1469. - justify-self: start
  1470. state:
  1471. - font-weight: bold
  1472. - font-size: px
  1473. - opacity: 0.7
  1474. - color: white
  1475. - align-self: middle
  1476. - justify-self: start
  1477. img_cell:
  1478. - justify-content: start
  1479. - align-items: start
  1480. - margin: none
  1481. icon:
  1482. - width: 100%
  1483. - opacity: 0.2
  1484. - color: white
  1485. custom_fields:
  1486. bright:
  1487. - align-self: start
  1488. - justify-self: end
  1489. - border-radius: 20px
  1490. - border-style: solid
  1491. - border-width: 1px
  1492. - font-size: 10px
  1493. - font-weight: 300
  1494. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1495. - border-color: '#67727e'
  1496. - padding: 15%
  1497. value: 'off'
  1498. - styles:
  1499. card:
  1500. - background-color: '#242e42'
  1501. - border-radius: 10%
  1502. - padding: 12%
  1503. - color: ivory
  1504. - font-size: 10px
  1505. - text-shadow: 0px 0px 5px black
  1506. - text-transform: capitalize
  1507. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1508. grid:
  1509. - grid-template-areas: '"i bright" "n n" "s s"'
  1510. - grid-template-columns: 1fr 1fr
  1511. - grid-template-rows: 1fr min-content min-content
  1512. name:
  1513. - font-weight: 300
  1514. - font-size: 10px
  1515. - color: white
  1516. - align-self: middle
  1517. - justify-self: start
  1518. state:
  1519. - font-weight: bold
  1520. - font-size: px
  1521. - color: white
  1522. - align-self: middle
  1523. - justify-self: start
  1524. img_cell:
  1525. - justify-content: start
  1526. - align-items: start
  1527. - margin: none
  1528. icon:
  1529. - width: 100%
  1530. - color: white
  1531. custom_fields:
  1532. bright:
  1533. - align-self: start
  1534. - justify-self: end
  1535. - border-radius: 20px
  1536. - border-style: solid
  1537. - border-width: 1px
  1538. - font-size: 10px
  1539. - font-weight: 300
  1540. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1541. - border-color: '#67727e'
  1542. - padding: 15%
  1543. value: 'on'
  1544. - styles:
  1545. card:
  1546. - background-color: '#242e42'
  1547. - border-radius: 10%
  1548. - padding: 12%
  1549. - color: ivory
  1550. - opacity: 0.7
  1551. - font-size: 10px
  1552. - text-shadow: 0px 0px 5px black
  1553. - text-transform: capitalize
  1554. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1555. grid:
  1556. - grid-template-areas: '"i bright" "n n" "s s"'
  1557. - grid-template-columns: 1fr 1fr
  1558. - grid-template-rows: 1fr min-content min-content
  1559. name:
  1560. - font-weight: 300
  1561. - font-size: 10px
  1562. - opacity: 0.7
  1563. - color: white
  1564. - align-self: middle
  1565. - justify-self: start
  1566. state:
  1567. - font-weight: bold
  1568. - opacity: 0.7
  1569. - font-size: 9px
  1570. - color: white
  1571. - align-self: middle
  1572. - justify-self: start
  1573. img_cell:
  1574. - justify-content: start
  1575. - align-items: start
  1576. - margin: none
  1577. icon:
  1578. - width: 100%
  1579. - opacity: 0.2
  1580. - color: white
  1581. custom_fields:
  1582. bright:
  1583. - align-self: start
  1584. - justify-self: end
  1585. - border-radius: 20px
  1586. - border-style: solid
  1587. - border-width: 1px
  1588. - font-size: 10px
  1589. - font-weight: 300
  1590. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1591. - border-color: '#67727e'
  1592. - padding: 15%
  1593. value: unavailable
  1594. - type: custom:button-card
  1595. entity: light.kitchen_lights_2
  1596. icon: phu:bulbs-spot
  1597. show_icon: true
  1598. aspect_ratio: 1/1
  1599. hold_action:
  1600. action: more-info
  1601. tap_action:
  1602. action: toggle
  1603. name: Ceiling
  1604. show_state: true
  1605. state:
  1606. - styles:
  1607. card:
  1608. - background-color: '#242e42'
  1609. - border-radius: 10%
  1610. - padding: 12%
  1611. - color: ivory
  1612. - opacity: 0.7
  1613. - font-size: 10px
  1614. - text-shadow: 0px 0px 5px black
  1615. - text-transform: capitalize
  1616. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1617. grid:
  1618. - grid-template-areas: '"i bright" "n n" "s s"'
  1619. - grid-template-columns: 1fr 1fr
  1620. - grid-template-rows: 1fr min-content min-content
  1621. name:
  1622. - font-weight: 300
  1623. - font-size: 10px
  1624. - opacity: 0.7
  1625. - color: white
  1626. - align-self: middle
  1627. - justify-self: start
  1628. state:
  1629. - font-weight: bold
  1630. - opacity: 0.7
  1631. - font-size: 9px
  1632. - color: white
  1633. - align-self: middle
  1634. - justify-self: start
  1635. img_cell:
  1636. - justify-content: start
  1637. - align-items: start
  1638. - margin: none
  1639. icon:
  1640. - width: 100%
  1641. - opacity: 0.2
  1642. - color: white
  1643. custom_fields:
  1644. bright:
  1645. - align-self: start
  1646. - justify-self: end
  1647. - border-radius: 20px
  1648. - border-style: solid
  1649. - border-width: 1px
  1650. - font-size: 10px
  1651. - font-weight: 300
  1652. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1653. - border-color: '#67727e'
  1654. - padding: 15%
  1655. value: 'off'
  1656. - styles:
  1657. card:
  1658. - background-color: '#242e42'
  1659. - border-radius: 10%
  1660. - padding: 12%
  1661. - color: ivory
  1662. - opacity: 0.7
  1663. - font-size: 10px
  1664. - text-shadow: 0px 0px 5px black
  1665. - text-transform: capitalize
  1666. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1667. grid:
  1668. - grid-template-areas: '"i bright" "n n" "s s"'
  1669. - grid-template-columns: 1fr 1fr
  1670. - grid-template-rows: 1fr min-content min-content
  1671. name:
  1672. - font-weight: 300
  1673. - font-size: 10px
  1674. - opacity: 0.7
  1675. - color: white
  1676. - align-self: middle
  1677. - justify-self: start
  1678. state:
  1679. - font-weight: bold
  1680. - opacity: 0.7
  1681. - font-size: 9px
  1682. - color: white
  1683. - align-self: middle
  1684. - justify-self: start
  1685. img_cell:
  1686. - justify-content: start
  1687. - align-items: start
  1688. - margin: none
  1689. icon:
  1690. - width: 100%
  1691. - opacity: 0.2
  1692. - color: white
  1693. custom_fields:
  1694. bright:
  1695. - align-self: start
  1696. - justify-self: end
  1697. - border-radius: 20px
  1698. - border-style: solid
  1699. - border-width: 1px
  1700. - font-size: 10px
  1701. - font-weight: 300
  1702. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1703. - border-color: '#67727e'
  1704. - padding: 15%
  1705. value: unavailable
  1706. - styles:
  1707. card:
  1708. - background-color: '#242e42'
  1709. - border-radius: 10%
  1710. - padding: 12%
  1711. - color: ivory
  1712. - font-size: 10px
  1713. - text-shadow: 0px 0px 5px black
  1714. - text-transform: capitalize
  1715. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1716. grid:
  1717. - grid-template-areas: '"i bright" "n n" "s s"'
  1718. - grid-template-columns: 1fr 1fr
  1719. - grid-template-rows: 1fr min-content min-content
  1720. name:
  1721. - font-weight: 300
  1722. - font-size: 10px
  1723. - color: white
  1724. - align-self: middle
  1725. - justify-self: start
  1726. state:
  1727. - font-weight: bold
  1728. - font-size: 9px
  1729. - color: white
  1730. - align-self: middle
  1731. - justify-self: start
  1732. img_cell:
  1733. - justify-content: start
  1734. - align-items: start
  1735. - margin: none
  1736. icon:
  1737. - width: 100%
  1738. - color: white
  1739. custom_fields:
  1740. bright:
  1741. - opacity: 0
  1742. - align-self: start
  1743. - justify-self: end
  1744. - border-radius: 20px
  1745. - border-style: solid
  1746. - border-width: 1px
  1747. - font-size: 10px
  1748. - font-weight: 300
  1749. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1750. - border-color: '#67727e'
  1751. - padding: 15%
  1752. value: 'on'
  1753. - type: custom:button-card
  1754. color_type: blank-card
  1755. ln:
  1756. card:
  1757. type: custom:button-card
  1758. color: transparent
  1759. name: |
  1760. [[[
  1761. return states['input_select.chr_light_room_select_ground'].state;
  1762. ]]]
  1763. styles:
  1764. card:
  1765. - background-color: transparent
  1766. name:
  1767. - font-size: 18px
  1768. - font-weight: 300
  1769. - justify-self: left
  1770. - padding-left: 2%
  1771. - padding-top: 3%
  1772. - padding-bottom: 3%
  1773. - color_type: blank-card
  1774. styles:
  1775. card:
  1776. - width: 10px
  1777. type: custom:button-card
  1778. First:
  1779. type: horizontal-stack
  1780. cards:
  1781. - color_type: blank-card
  1782. styles:
  1783. card:
  1784. - width: 10px
  1785. type: custom:button-card
  1786. - type: horizontal-stack
  1787. cards:
  1788. - type: custom:button-card
  1789. icon: phu:table-shade
  1790. entity: sensor.window_door_sensor_3_battery_level
  1791. show_icon: false
  1792. name: false
  1793. label: false
  1794. show_label: false
  1795. show_state: false
  1796. show_name: false
  1797. styles:
  1798. card:
  1799. - background-color: rgba(43, 55, 78, 0.7)
  1800. - border-radius: 5%
  1801. - padding: 5%
  1802. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1803. grid:
  1804. - grid-template-areas: '"ln r1 r2 r3" "rm rm rm rm"'
  1805. - grid-template-columns: 55% 15% 15% 15%
  1806. - grid-template-rows: min-content 1fr
  1807. - gap: 15px 1px
  1808. custom_fields:
  1809. r1:
  1810. card:
  1811. type: custom:button-card
  1812. color_type: blank-card
  1813. r2:
  1814. card:
  1815. type: custom:button-card
  1816. entity: input_select.chr_light_room_select_first
  1817. name: false
  1818. show_name: false
  1819. aspect_ratio: 1/1
  1820. icon: phu:rooms-staircase
  1821. state:
  1822. - icon: phu:rooms-staircase
  1823. styles:
  1824. card:
  1825. - background-color: '#242e42'
  1826. icon:
  1827. - color: white
  1828. - width: 25px
  1829. value: Hallway
  1830. - icon: phu:rooms-staircase
  1831. styles:
  1832. icon:
  1833. - color: white
  1834. - width: 25px
  1835. - opacity: 0.5
  1836. operator: default
  1837. styles:
  1838. icon: null
  1839. tap_action:
  1840. action: call-service
  1841. service: input_select.select_option
  1842. service_data:
  1843. entity_id: input_select.chr_light_room_select_first
  1844. option: Hallway
  1845. r3:
  1846. card:
  1847. type: custom:button-card
  1848. entity: input_select.chr_light_room_select_first
  1849. name: false
  1850. show_name: false
  1851. aspect_ratio: 1/1
  1852. icon: phu:rooms-living
  1853. state:
  1854. - icon: phu:rooms-living
  1855. styles:
  1856. card:
  1857. - background-color: '#242e42'
  1858. icon:
  1859. - color: white
  1860. - width: 25px
  1861. value: Living Room
  1862. - icon: phu:rooms-living
  1863. styles:
  1864. icon:
  1865. - color: white
  1866. - width: 25px
  1867. - opacity: 0.5
  1868. operator: default
  1869. styles:
  1870. icon: null
  1871. tap_action:
  1872. action: call-service
  1873. service: input_select.select_option
  1874. service_data:
  1875. entity_id: input_select.chr_light_room_select_first
  1876. option: Living Room
  1877. rm:
  1878. card:
  1879. type: custom:state-switch
  1880. entity: input_select.chr_light_room_select_first
  1881. states:
  1882. Hallway:
  1883. type: vertical-stack
  1884. cards:
  1885. - type: horizontal-stack
  1886. cards:
  1887. - type: custom:button-card
  1888. entity: light.second_floor_hallway
  1889. icon: phu:bulbs-spot
  1890. show_icon: true
  1891. aspect_ratio: 1/1
  1892. hold_action:
  1893. action: more-info
  1894. tap_action:
  1895. action: toggle
  1896. name: Ceiling
  1897. show_state: true
  1898. state:
  1899. - styles:
  1900. card:
  1901. - background-color: '#242e42'
  1902. - border-radius: 10%
  1903. - padding: 12%
  1904. - color: ivory
  1905. - opacity: 0.7
  1906. - font-size: 10px
  1907. - text-shadow: 0px 0px 5px black
  1908. - text-transform: capitalize
  1909. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1910. grid:
  1911. - grid-template-areas: '"i bright" "n n" "s s"'
  1912. - grid-template-columns: 1fr 1fr
  1913. - grid-template-rows: 1fr min-content min-content
  1914. name:
  1915. - font-weight: 300
  1916. - font-size: 10px
  1917. - opacity: 0.7
  1918. - color: white
  1919. - align-self: middle
  1920. - justify-self: start
  1921. state:
  1922. - font-weight: bold
  1923. - opacity: 0.7
  1924. - font-size: 9px
  1925. - color: white
  1926. - align-self: middle
  1927. - justify-self: start
  1928. img_cell:
  1929. - justify-content: start
  1930. - align-items: start
  1931. - margin: none
  1932. icon:
  1933. - width: 100%
  1934. - opacity: 0.2
  1935. - color: white
  1936. custom_fields:
  1937. bright:
  1938. - align-self: start
  1939. - justify-self: end
  1940. - border-radius: 20px
  1941. - border-style: solid
  1942. - border-width: 1px
  1943. - font-size: 10px
  1944. - font-weight: 300
  1945. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1946. - border-color: '#67727e'
  1947. - padding: 15%
  1948. value: 'off'
  1949. - styles:
  1950. card:
  1951. - background-color: '#242e42'
  1952. - border-radius: 10%
  1953. - padding: 12%
  1954. - color: ivory
  1955. - opacity: 0.7
  1956. - font-size: 10px
  1957. - text-shadow: 0px 0px 5px black
  1958. - text-transform: capitalize
  1959. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  1960. grid:
  1961. - grid-template-areas: '"i bright" "n n" "s s"'
  1962. - grid-template-columns: 1fr 1fr
  1963. - grid-template-rows: 1fr min-content min-content
  1964. name:
  1965. - font-weight: 300
  1966. - font-size: 10px
  1967. - opacity: 0.7
  1968. - color: white
  1969. - align-self: middle
  1970. - justify-self: start
  1971. state:
  1972. - font-weight: bold
  1973. - opacity: 0.7
  1974. - font-size: 9px
  1975. - color: white
  1976. - align-self: middle
  1977. - justify-self: start
  1978. img_cell:
  1979. - justify-content: start
  1980. - align-items: start
  1981. - margin: none
  1982. icon:
  1983. - width: 100%
  1984. - opacity: 0.2
  1985. - color: white
  1986. custom_fields:
  1987. bright:
  1988. - align-self: start
  1989. - justify-self: end
  1990. - border-radius: 20px
  1991. - border-style: solid
  1992. - border-width: 1px
  1993. - font-size: 10px
  1994. - font-weight: 300
  1995. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  1996. - border-color: '#67727e'
  1997. - padding: 15%
  1998. value: unavailable
  1999. - styles:
  2000. card:
  2001. - background-color: '#242e42'
  2002. - border-radius: 10%
  2003. - padding: 12%
  2004. - color: ivory
  2005. - font-size: 10px
  2006. - text-shadow: 0px 0px 5px black
  2007. - text-transform: capitalize
  2008. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2009. grid:
  2010. - grid-template-areas: '"i bright" "n n" "s s"'
  2011. - grid-template-columns: 1fr 1fr
  2012. - grid-template-rows: 1fr min-content min-content
  2013. name:
  2014. - font-weight: 300
  2015. - font-size: 10px
  2016. - color: white
  2017. - align-self: middle
  2018. - justify-self: start
  2019. state:
  2020. - font-weight: bold
  2021. - font-size: 9px
  2022. - color: white
  2023. - align-self: middle
  2024. - justify-self: start
  2025. img_cell:
  2026. - justify-content: start
  2027. - align-items: start
  2028. - margin: none
  2029. icon:
  2030. - width: 100%
  2031. - color: white
  2032. custom_fields:
  2033. bright:
  2034. - opacity: 0
  2035. - align-self: start
  2036. - justify-self: end
  2037. - border-radius: 20px
  2038. - border-style: solid
  2039. - border-width: 1px
  2040. - font-size: 10px
  2041. - font-weight: 300
  2042. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2043. - border-color: '#67727e'
  2044. - padding: 15%
  2045. value: 'on'
  2046. - type: custom:button-card
  2047. color_type: blank-card
  2048. - type: custom:button-card
  2049. color_type: blank-card
  2050. Living Room:
  2051. type: vertical-stack
  2052. cards:
  2053. - type: horizontal-stack
  2054. cards:
  2055. - type: custom:button-card
  2056. entity: light.living_room_tv_cabinet_rgb_light
  2057. icon: phu:light-strip
  2058. show_icon: true
  2059. aspect_ratio: 1/1
  2060. hold_action:
  2061. action: more-info
  2062. tap_action:
  2063. action: toggle
  2064. name: RGB Cabinets
  2065. show_state: true
  2066. state:
  2067. - styles:
  2068. card:
  2069. - background-color: '#242e42'
  2070. - border-radius: 10%
  2071. - padding: 12%
  2072. - color: ivory
  2073. - opacity: 0.7
  2074. - font-size: 10px
  2075. - text-shadow: 0px 0px 5px black
  2076. - text-transform: capitalize
  2077. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2078. grid:
  2079. - grid-template-areas: '"i bright" "n n" "s s"'
  2080. - grid-template-columns: 1fr 1fr
  2081. - grid-template-rows: 1fr min-content min-content
  2082. name:
  2083. - font-weight: 300
  2084. - font-size: 10px
  2085. - color: white
  2086. - opacity: 0.7
  2087. - align-self: middle
  2088. - justify-self: start
  2089. state:
  2090. - font-weight: bold
  2091. - font-size: px
  2092. - opacity: 0.7
  2093. - color: white
  2094. - align-self: middle
  2095. - justify-self: start
  2096. img_cell:
  2097. - justify-content: start
  2098. - align-items: start
  2099. - margin: none
  2100. icon:
  2101. - width: 100%
  2102. - opacity: 0.2
  2103. - color: white
  2104. custom_fields:
  2105. bright:
  2106. - align-self: start
  2107. - justify-self: end
  2108. - border-radius: 20px
  2109. - border-style: solid
  2110. - border-width: 1px
  2111. - font-size: 10px
  2112. - font-weight: 300
  2113. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2114. - border-color: '#67727e'
  2115. - padding: 15%
  2116. value: 'off'
  2117. - styles:
  2118. card:
  2119. - background-color: '#242e42'
  2120. - border-radius: 10%
  2121. - padding: 12%
  2122. - color: ivory
  2123. - font-size: 10px
  2124. - text-shadow: 0px 0px 5px black
  2125. - text-transform: capitalize
  2126. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2127. grid:
  2128. - grid-template-areas: '"i bright" "n n" "s s"'
  2129. - grid-template-columns: 1fr 1fr
  2130. - grid-template-rows: 1fr min-content min-content
  2131. name:
  2132. - font-weight: 300
  2133. - font-size: 10px
  2134. - color: white
  2135. - align-self: middle
  2136. - justify-self: start
  2137. state:
  2138. - font-weight: bold
  2139. - font-size: px
  2140. - color: white
  2141. - align-self: middle
  2142. - justify-self: start
  2143. img_cell:
  2144. - justify-content: start
  2145. - align-items: start
  2146. - margin: none
  2147. icon:
  2148. - width: 100%
  2149. - color: white
  2150. custom_fields:
  2151. bright:
  2152. - align-self: start
  2153. - justify-self: end
  2154. - border-radius: 20px
  2155. - border-style: solid
  2156. - border-width: 1px
  2157. - font-size: 10px
  2158. - font-weight: 300
  2159. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2160. - border-color: '#67727e'
  2161. - padding: 15%
  2162. value: 'on'
  2163. - styles:
  2164. card:
  2165. - background-color: '#242e42'
  2166. - border-radius: 10%
  2167. - padding: 12%
  2168. - color: ivory
  2169. - opacity: 0.7
  2170. - font-size: 10px
  2171. - text-shadow: 0px 0px 5px black
  2172. - text-transform: capitalize
  2173. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2174. grid:
  2175. - grid-template-areas: '"i bright" "n n" "s s"'
  2176. - grid-template-columns: 1fr 1fr
  2177. - grid-template-rows: 1fr min-content min-content
  2178. name:
  2179. - font-weight: 300
  2180. - font-size: 10px
  2181. - opacity: 0.7
  2182. - color: white
  2183. - align-self: middle
  2184. - justify-self: start
  2185. state:
  2186. - font-weight: bold
  2187. - opacity: 0.7
  2188. - font-size: 9px
  2189. - color: white
  2190. - align-self: middle
  2191. - justify-self: start
  2192. img_cell:
  2193. - justify-content: start
  2194. - align-items: start
  2195. - margin: none
  2196. icon:
  2197. - width: 100%
  2198. - opacity: 0.2
  2199. - color: white
  2200. custom_fields:
  2201. bright:
  2202. - align-self: start
  2203. - justify-self: end
  2204. - border-radius: 20px
  2205. - border-style: solid
  2206. - border-width: 1px
  2207. - font-size: 10px
  2208. - font-weight: 300
  2209. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2210. - border-color: '#67727e'
  2211. - padding: 15%
  2212. value: unavailable
  2213. - type: custom:button-card
  2214. entity: light.living_room_lamp
  2215. icon: phu:floor-shade
  2216. show_icon: true
  2217. aspect_ratio: 1/1
  2218. hold_action:
  2219. action: more-info
  2220. tap_action:
  2221. action: toggle
  2222. name: Floor Lamp
  2223. show_state: true
  2224. state:
  2225. - styles:
  2226. card:
  2227. - background-color: '#242e42'
  2228. - border-radius: 10%
  2229. - padding: 12%
  2230. - color: ivory
  2231. - opacity: 0.7
  2232. - font-size: 10px
  2233. - text-shadow: 0px 0px 5px black
  2234. - text-transform: capitalize
  2235. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2236. grid:
  2237. - grid-template-areas: '"i bright" "n n" "s s"'
  2238. - grid-template-columns: 1fr 1fr
  2239. - grid-template-rows: 1fr min-content min-content
  2240. name:
  2241. - font-weight: 300
  2242. - font-size: 10px
  2243. - opacity: 0.7
  2244. - color: white
  2245. - align-self: middle
  2246. - justify-self: start
  2247. state:
  2248. - font-weight: bold
  2249. - opacity: 0.7
  2250. - font-size: 9px
  2251. - color: white
  2252. - align-self: middle
  2253. - justify-self: start
  2254. img_cell:
  2255. - justify-content: start
  2256. - align-items: start
  2257. - margin: none
  2258. icon:
  2259. - width: 100%
  2260. - opacity: 0.2
  2261. - color: white
  2262. custom_fields:
  2263. bright:
  2264. - align-self: start
  2265. - justify-self: end
  2266. - border-radius: 20px
  2267. - border-style: solid
  2268. - border-width: 1px
  2269. - font-size: 10px
  2270. - font-weight: 300
  2271. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2272. - border-color: '#67727e'
  2273. - padding: 15%
  2274. value: 'off'
  2275. - styles:
  2276. card:
  2277. - background-color: '#242e42'
  2278. - border-radius: 10%
  2279. - padding: 12%
  2280. - color: ivory
  2281. - opacity: 0.7
  2282. - font-size: 10px
  2283. - text-shadow: 0px 0px 5px black
  2284. - text-transform: capitalize
  2285. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2286. grid:
  2287. - grid-template-areas: '"i bright" "n n" "s s"'
  2288. - grid-template-columns: 1fr 1fr
  2289. - grid-template-rows: 1fr min-content min-content
  2290. name:
  2291. - font-weight: 300
  2292. - font-size: 10px
  2293. - opacity: 0.7
  2294. - color: white
  2295. - align-self: middle
  2296. - justify-self: start
  2297. state:
  2298. - font-weight: bold
  2299. - opacity: 0.7
  2300. - font-size: 9px
  2301. - color: white
  2302. - align-self: middle
  2303. - justify-self: start
  2304. img_cell:
  2305. - justify-content: start
  2306. - align-items: start
  2307. - margin: none
  2308. icon:
  2309. - width: 100%
  2310. - opacity: 0.2
  2311. - color: white
  2312. custom_fields:
  2313. bright:
  2314. - align-self: start
  2315. - justify-self: end
  2316. - border-radius: 20px
  2317. - border-style: solid
  2318. - border-width: 1px
  2319. - font-size: 10px
  2320. - font-weight: 300
  2321. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2322. - border-color: '#67727e'
  2323. - padding: 15%
  2324. value: unavailable
  2325. - styles:
  2326. card:
  2327. - background-color: '#242e42'
  2328. - border-radius: 10%
  2329. - padding: 12%
  2330. - color: ivory
  2331. - font-size: 10px
  2332. - text-shadow: 0px 0px 5px black
  2333. - text-transform: capitalize
  2334. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2335. grid:
  2336. - grid-template-areas: '"i bright" "n n" "s s"'
  2337. - grid-template-columns: 1fr 1fr
  2338. - grid-template-rows: 1fr min-content min-content
  2339. name:
  2340. - font-weight: 300
  2341. - font-size: 10px
  2342. - color: white
  2343. - align-self: middle
  2344. - justify-self: start
  2345. state:
  2346. - font-weight: bold
  2347. - font-size: 9px
  2348. - color: white
  2349. - align-self: middle
  2350. - justify-self: start
  2351. img_cell:
  2352. - justify-content: start
  2353. - align-items: start
  2354. - margin: none
  2355. icon:
  2356. - width: 100%
  2357. - color: white
  2358. custom_fields:
  2359. bright:
  2360. - opacity: 0
  2361. - align-self: start
  2362. - justify-self: end
  2363. - border-radius: 20px
  2364. - border-style: solid
  2365. - border-width: 1px
  2366. - font-size: 10px
  2367. - font-weight: 300
  2368. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2369. - border-color: '#67727e'
  2370. - padding: 15%
  2371. value: 'on'
  2372. - type: custom:button-card
  2373. entity: switch.living_room_corner_lamp
  2374. icon: phu:desk-lamp
  2375. show_icon: true
  2376. aspect_ratio: 1/1
  2377. hold_action:
  2378. action: more-info
  2379. tap_action:
  2380. action: toggle
  2381. name: Lamp
  2382. show_state: true
  2383. state:
  2384. - styles:
  2385. card:
  2386. - background-color: '#242e42'
  2387. - border-radius: 10%
  2388. - padding: 12%
  2389. - color: ivory
  2390. - opacity: 0.7
  2391. - font-size: 10px
  2392. - text-shadow: 0px 0px 5px black
  2393. - text-transform: capitalize
  2394. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2395. grid:
  2396. - grid-template-areas: '"i bright" "n n" "s s"'
  2397. - grid-template-columns: 1fr 1fr
  2398. - grid-template-rows: 1fr min-content min-content
  2399. name:
  2400. - font-weight: 300
  2401. - font-size: 10px
  2402. - color: white
  2403. - opacity: 0.7
  2404. - align-self: middle
  2405. - justify-self: start
  2406. state:
  2407. - font-weight: bold
  2408. - font-size: px
  2409. - opacity: 0.7
  2410. - color: white
  2411. - align-self: middle
  2412. - justify-self: start
  2413. img_cell:
  2414. - justify-content: start
  2415. - align-items: start
  2416. - margin: none
  2417. icon:
  2418. - width: 100%
  2419. - opacity: 0.2
  2420. - color: white
  2421. custom_fields:
  2422. bright:
  2423. - align-self: start
  2424. - justify-self: end
  2425. - border-radius: 20px
  2426. - border-style: solid
  2427. - border-width: 1px
  2428. - font-size: 10px
  2429. - font-weight: 300
  2430. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2431. - border-color: '#67727e'
  2432. - padding: 15%
  2433. value: 'off'
  2434. - styles:
  2435. card:
  2436. - background-color: '#242e42'
  2437. - border-radius: 10%
  2438. - padding: 12%
  2439. - color: ivory
  2440. - font-size: 10px
  2441. - text-shadow: 0px 0px 5px black
  2442. - text-transform: capitalize
  2443. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2444. grid:
  2445. - grid-template-areas: '"i bright" "n n" "s s"'
  2446. - grid-template-columns: 1fr 1fr
  2447. - grid-template-rows: 1fr min-content min-content
  2448. name:
  2449. - font-weight: 300
  2450. - font-size: 10px
  2451. - color: white
  2452. - align-self: middle
  2453. - justify-self: start
  2454. state:
  2455. - font-weight: bold
  2456. - font-size: px
  2457. - color: white
  2458. - align-self: middle
  2459. - justify-self: start
  2460. img_cell:
  2461. - justify-content: start
  2462. - align-items: start
  2463. - margin: none
  2464. icon:
  2465. - width: 100%
  2466. - color: white
  2467. custom_fields:
  2468. bright:
  2469. - align-self: start
  2470. - justify-self: end
  2471. - border-radius: 20px
  2472. - border-style: solid
  2473. - border-width: 1px
  2474. - font-size: 10px
  2475. - font-weight: 300
  2476. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2477. - border-color: '#67727e'
  2478. - padding: 15%
  2479. value: 'on'
  2480. - styles:
  2481. card:
  2482. - background-color: '#242e42'
  2483. - border-radius: 10%
  2484. - padding: 12%
  2485. - color: ivory
  2486. - opacity: 0.7
  2487. - font-size: 10px
  2488. - text-shadow: 0px 0px 5px black
  2489. - text-transform: capitalize
  2490. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2491. grid:
  2492. - grid-template-areas: '"i bright" "n n" "s s"'
  2493. - grid-template-columns: 1fr 1fr
  2494. - grid-template-rows: 1fr min-content min-content
  2495. name:
  2496. - font-weight: 300
  2497. - font-size: 10px
  2498. - opacity: 0.7
  2499. - color: white
  2500. - align-self: middle
  2501. - justify-self: start
  2502. state:
  2503. - font-weight: bold
  2504. - opacity: 0.7
  2505. - font-size: 9px
  2506. - color: white
  2507. - align-self: middle
  2508. - justify-self: start
  2509. img_cell:
  2510. - justify-content: start
  2511. - align-items: start
  2512. - margin: none
  2513. icon:
  2514. - width: 100%
  2515. - opacity: 0.2
  2516. - color: white
  2517. custom_fields:
  2518. bright:
  2519. - align-self: start
  2520. - justify-self: end
  2521. - border-radius: 20px
  2522. - border-style: solid
  2523. - border-width: 1px
  2524. - font-size: 10px
  2525. - font-weight: 300
  2526. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2527. - border-color: '#67727e'
  2528. - padding: 15%
  2529. value: unavailable
  2530. ln:
  2531. card:
  2532. type: custom:button-card
  2533. color: transparent
  2534. name: |
  2535. [[[
  2536. return states['input_select.chr_light_room_select_first'].state;
  2537. ]]]
  2538. styles:
  2539. card:
  2540. - background-color: transparent
  2541. name:
  2542. - font-size: 18px
  2543. - font-weight: 300
  2544. - justify-self: left
  2545. - padding-left: 2%
  2546. - padding-top: 3%
  2547. - padding-bottom: 3%
  2548. - color_type: blank-card
  2549. styles:
  2550. card:
  2551. - width: 10px
  2552. type: custom:button-card
  2553. Second:
  2554. type: horizontal-stack
  2555. cards:
  2556. - color_type: blank-card
  2557. styles:
  2558. card:
  2559. - width: 10px
  2560. type: custom:button-card
  2561. - type: horizontal-stack
  2562. cards:
  2563. - type: custom:button-card
  2564. icon: phu:table-shade
  2565. entity: sensor.window_door_sensor_3_battery_level
  2566. show_icon: false
  2567. name: false
  2568. label: false
  2569. show_label: false
  2570. show_state: false
  2571. show_name: false
  2572. styles:
  2573. card:
  2574. - background-color: rgba(43, 55, 78, 0.7)
  2575. - border-radius: 5%
  2576. - padding: 5%
  2577. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2578. grid:
  2579. - grid-template-areas: '"ln r1 r2 r3 r4" "rm rm rm rm rm"'
  2580. - grid-template-columns: 40% 15% 15% 15% 15%
  2581. - grid-template-rows: min-content 1fr
  2582. - gap: 15px 1px
  2583. custom_fields:
  2584. r1:
  2585. card:
  2586. type: custom:button-card
  2587. entity: input_select.chr_light_room_select_second
  2588. name: false
  2589. show_name: false
  2590. aspect_ratio: 1/1
  2591. icon: phu:rooms-staircase
  2592. state:
  2593. - icon: phu:rooms-staircase
  2594. styles:
  2595. card:
  2596. - background-color: '#242e42'
  2597. icon:
  2598. - color: white
  2599. - width: 25px
  2600. value: Hallway
  2601. - icon: phu:rooms-staircase
  2602. styles:
  2603. icon:
  2604. - color: white
  2605. - width: 25px
  2606. - opacity: 0.5
  2607. operator: default
  2608. styles:
  2609. icon: null
  2610. tap_action:
  2611. action: call-service
  2612. service: input_select.select_option
  2613. service_data:
  2614. entity_id: input_select.chr_light_room_select_second
  2615. option: Hallway
  2616. r2:
  2617. card:
  2618. type: custom:button-card
  2619. entity: input_select.chr_light_room_select_second
  2620. name: false
  2621. show_name: false
  2622. aspect_ratio: 1/1
  2623. icon: phu:rooms-office
  2624. state:
  2625. - icon: phu:rooms-office
  2626. styles:
  2627. card:
  2628. - background-color: '#242e42'
  2629. icon:
  2630. - color: white
  2631. - width: 25px
  2632. value: Office
  2633. - icon: phu:rooms-office
  2634. styles:
  2635. icon:
  2636. - color: white
  2637. - width: 25px
  2638. - opacity: 0.5
  2639. operator: default
  2640. styles:
  2641. icon: null
  2642. tap_action:
  2643. action: call-service
  2644. service: input_select.select_option
  2645. service_data:
  2646. entity_id: input_select.chr_light_room_select_second
  2647. option: Office
  2648. r3:
  2649. card:
  2650. type: custom:button-card
  2651. entity: input_select.chr_light_room_select_second
  2652. name: false
  2653. show_name: false
  2654. aspect_ratio: 1/1
  2655. icon: phu:rooms-bedroom
  2656. state:
  2657. - icon: phu:rooms-bedroom
  2658. styles:
  2659. card:
  2660. - background-color: '#242e42'
  2661. icon:
  2662. - color: white
  2663. - width: 25px
  2664. value: Bedroom
  2665. - icon: phu:rooms-bedroom
  2666. styles:
  2667. icon:
  2668. - color: white
  2669. - width: 25px
  2670. - opacity: 0.5
  2671. operator: default
  2672. styles:
  2673. icon: null
  2674. tap_action:
  2675. action: call-service
  2676. service: input_select.select_option
  2677. service_data:
  2678. entity_id: input_select.chr_light_room_select_second
  2679. option: Bedroom
  2680. r4:
  2681. card:
  2682. type: custom:button-card
  2683. entity: input_select.chr_light_room_select_second
  2684. name: false
  2685. show_name: false
  2686. aspect_ratio: 1/1
  2687. icon: phu:rooms-bathroom
  2688. state:
  2689. - icon: phu:rooms-bathroom
  2690. styles:
  2691. card:
  2692. - background-color: '#242e42'
  2693. icon:
  2694. - color: white
  2695. - width: 25px
  2696. value: Ensuite
  2697. - icon: phu:rooms-bathroom
  2698. styles:
  2699. icon:
  2700. - color: white
  2701. - width: 25px
  2702. - opacity: 0.5
  2703. operator: default
  2704. styles:
  2705. icon: null
  2706. tap_action:
  2707. action: call-service
  2708. service: input_select.select_option
  2709. service_data:
  2710. entity_id: input_select.chr_light_room_select_second
  2711. option: Ensuite
  2712. rm:
  2713. card:
  2714. type: custom:state-switch
  2715. entity: input_select.chr_light_room_select_second
  2716. states:
  2717. Hallway:
  2718. type: vertical-stack
  2719. cards:
  2720. - type: horizontal-stack
  2721. cards:
  2722. - type: custom:button-card
  2723. entity: light.second_floor_hallway
  2724. icon: phu:bulbs-spot
  2725. show_icon: true
  2726. aspect_ratio: 1/1
  2727. hold_action:
  2728. action: more-info
  2729. tap_action:
  2730. action: toggle
  2731. name: Ceiling
  2732. show_state: true
  2733. state:
  2734. - styles:
  2735. card:
  2736. - background-color: '#242e42'
  2737. - border-radius: 10%
  2738. - padding: 12%
  2739. - color: ivory
  2740. - opacity: 0.7
  2741. - font-size: 10px
  2742. - text-shadow: 0px 0px 5px black
  2743. - text-transform: capitalize
  2744. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2745. grid:
  2746. - grid-template-areas: '"i bright" "n n" "s s"'
  2747. - grid-template-columns: 1fr 1fr
  2748. - grid-template-rows: 1fr min-content min-content
  2749. name:
  2750. - font-weight: 300
  2751. - font-size: 10px
  2752. - opacity: 0.7
  2753. - color: white
  2754. - align-self: middle
  2755. - justify-self: start
  2756. state:
  2757. - font-weight: bold
  2758. - opacity: 0.7
  2759. - font-size: 9px
  2760. - color: white
  2761. - align-self: middle
  2762. - justify-self: start
  2763. img_cell:
  2764. - justify-content: start
  2765. - align-items: start
  2766. - margin: none
  2767. icon:
  2768. - width: 100%
  2769. - opacity: 0.2
  2770. - color: white
  2771. custom_fields:
  2772. bright:
  2773. - align-self: start
  2774. - justify-self: end
  2775. - border-radius: 20px
  2776. - border-style: solid
  2777. - border-width: 1px
  2778. - font-size: 10px
  2779. - font-weight: 300
  2780. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2781. - border-color: '#67727e'
  2782. - padding: 15%
  2783. value: 'off'
  2784. - styles:
  2785. card:
  2786. - background-color: '#242e42'
  2787. - border-radius: 10%
  2788. - padding: 12%
  2789. - color: ivory
  2790. - opacity: 0.7
  2791. - font-size: 10px
  2792. - text-shadow: 0px 0px 5px black
  2793. - text-transform: capitalize
  2794. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2795. grid:
  2796. - grid-template-areas: '"i bright" "n n" "s s"'
  2797. - grid-template-columns: 1fr 1fr
  2798. - grid-template-rows: 1fr min-content min-content
  2799. name:
  2800. - font-weight: 300
  2801. - font-size: 10px
  2802. - opacity: 0.7
  2803. - color: white
  2804. - align-self: middle
  2805. - justify-self: start
  2806. state:
  2807. - font-weight: bold
  2808. - opacity: 0.7
  2809. - font-size: 9px
  2810. - color: white
  2811. - align-self: middle
  2812. - justify-self: start
  2813. img_cell:
  2814. - justify-content: start
  2815. - align-items: start
  2816. - margin: none
  2817. icon:
  2818. - width: 100%
  2819. - opacity: 0.2
  2820. - color: white
  2821. custom_fields:
  2822. bright:
  2823. - align-self: start
  2824. - justify-self: end
  2825. - border-radius: 20px
  2826. - border-style: solid
  2827. - border-width: 1px
  2828. - font-size: 10px
  2829. - font-weight: 300
  2830. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2831. - border-color: '#67727e'
  2832. - padding: 15%
  2833. value: unavailable
  2834. - styles:
  2835. card:
  2836. - background-color: '#242e42'
  2837. - border-radius: 10%
  2838. - padding: 12%
  2839. - color: ivory
  2840. - font-size: 10px
  2841. - text-shadow: 0px 0px 5px black
  2842. - text-transform: capitalize
  2843. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2844. grid:
  2845. - grid-template-areas: '"i bright" "n n" "s s"'
  2846. - grid-template-columns: 1fr 1fr
  2847. - grid-template-rows: 1fr min-content min-content
  2848. name:
  2849. - font-weight: 300
  2850. - font-size: 10px
  2851. - color: white
  2852. - align-self: middle
  2853. - justify-self: start
  2854. state:
  2855. - font-weight: bold
  2856. - font-size: 9px
  2857. - color: white
  2858. - align-self: middle
  2859. - justify-self: start
  2860. img_cell:
  2861. - justify-content: start
  2862. - align-items: start
  2863. - margin: none
  2864. icon:
  2865. - width: 100%
  2866. - color: white
  2867. custom_fields:
  2868. bright:
  2869. - opacity: 0
  2870. - align-self: start
  2871. - justify-self: end
  2872. - border-radius: 20px
  2873. - border-style: solid
  2874. - border-width: 1px
  2875. - font-size: 10px
  2876. - font-weight: 300
  2877. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2878. - border-color: '#67727e'
  2879. - padding: 15%
  2880. value: 'on'
  2881. - type: custom:button-card
  2882. color_type: blank-card
  2883. - type: custom:button-card
  2884. color_type: blank-card
  2885. Living Room:
  2886. type: vertical-stack
  2887. cards:
  2888. - type: horizontal-stack
  2889. cards:
  2890. - type: custom:button-card
  2891. entity: light.living_room_tv_cabinet_rgb_light
  2892. icon: phu:light-strip
  2893. show_icon: true
  2894. aspect_ratio: 1/1
  2895. hold_action:
  2896. action: more-info
  2897. tap_action:
  2898. action: toggle
  2899. name: RGB Cabinets
  2900. show_state: true
  2901. state:
  2902. - styles:
  2903. card:
  2904. - background-color: '#242e42'
  2905. - border-radius: 10%
  2906. - padding: 12%
  2907. - color: ivory
  2908. - opacity: 0.7
  2909. - font-size: 10px
  2910. - text-shadow: 0px 0px 5px black
  2911. - text-transform: capitalize
  2912. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2913. grid:
  2914. - grid-template-areas: '"i bright" "n n" "s s"'
  2915. - grid-template-columns: 1fr 1fr
  2916. - grid-template-rows: 1fr min-content min-content
  2917. name:
  2918. - font-weight: 300
  2919. - font-size: 10px
  2920. - color: white
  2921. - opacity: 0.7
  2922. - align-self: middle
  2923. - justify-self: start
  2924. state:
  2925. - font-weight: bold
  2926. - font-size: px
  2927. - opacity: 0.7
  2928. - color: white
  2929. - align-self: middle
  2930. - justify-self: start
  2931. img_cell:
  2932. - justify-content: start
  2933. - align-items: start
  2934. - margin: none
  2935. icon:
  2936. - width: 100%
  2937. - opacity: 0.2
  2938. - color: white
  2939. custom_fields:
  2940. bright:
  2941. - align-self: start
  2942. - justify-self: end
  2943. - border-radius: 20px
  2944. - border-style: solid
  2945. - border-width: 1px
  2946. - font-size: 10px
  2947. - font-weight: 300
  2948. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2949. - border-color: '#67727e'
  2950. - padding: 15%
  2951. value: 'off'
  2952. - styles:
  2953. card:
  2954. - background-color: '#242e42'
  2955. - border-radius: 10%
  2956. - padding: 12%
  2957. - color: ivory
  2958. - font-size: 10px
  2959. - text-shadow: 0px 0px 5px black
  2960. - text-transform: capitalize
  2961. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  2962. grid:
  2963. - grid-template-areas: '"i bright" "n n" "s s"'
  2964. - grid-template-columns: 1fr 1fr
  2965. - grid-template-rows: 1fr min-content min-content
  2966. name:
  2967. - font-weight: 300
  2968. - font-size: 10px
  2969. - color: white
  2970. - align-self: middle
  2971. - justify-self: start
  2972. state:
  2973. - font-weight: bold
  2974. - font-size: px
  2975. - color: white
  2976. - align-self: middle
  2977. - justify-self: start
  2978. img_cell:
  2979. - justify-content: start
  2980. - align-items: start
  2981. - margin: none
  2982. icon:
  2983. - width: 100%
  2984. - color: white
  2985. custom_fields:
  2986. bright:
  2987. - align-self: start
  2988. - justify-self: end
  2989. - border-radius: 20px
  2990. - border-style: solid
  2991. - border-width: 1px
  2992. - font-size: 10px
  2993. - font-weight: 300
  2994. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  2995. - border-color: '#67727e'
  2996. - padding: 15%
  2997. value: 'on'
  2998. - styles:
  2999. card:
  3000. - background-color: '#242e42'
  3001. - border-radius: 10%
  3002. - padding: 12%
  3003. - color: ivory
  3004. - opacity: 0.7
  3005. - font-size: 10px
  3006. - text-shadow: 0px 0px 5px black
  3007. - text-transform: capitalize
  3008. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3009. grid:
  3010. - grid-template-areas: '"i bright" "n n" "s s"'
  3011. - grid-template-columns: 1fr 1fr
  3012. - grid-template-rows: 1fr min-content min-content
  3013. name:
  3014. - font-weight: 300
  3015. - font-size: 10px
  3016. - opacity: 0.7
  3017. - color: white
  3018. - align-self: middle
  3019. - justify-self: start
  3020. state:
  3021. - font-weight: bold
  3022. - opacity: 0.7
  3023. - font-size: 9px
  3024. - color: white
  3025. - align-self: middle
  3026. - justify-self: start
  3027. img_cell:
  3028. - justify-content: start
  3029. - align-items: start
  3030. - margin: none
  3031. icon:
  3032. - width: 100%
  3033. - opacity: 0.2
  3034. - color: white
  3035. custom_fields:
  3036. bright:
  3037. - align-self: start
  3038. - justify-self: end
  3039. - border-radius: 20px
  3040. - border-style: solid
  3041. - border-width: 1px
  3042. - font-size: 10px
  3043. - font-weight: 300
  3044. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3045. - border-color: '#67727e'
  3046. - padding: 15%
  3047. value: unavailable
  3048. - type: custom:button-card
  3049. entity: light.living_room_lamp
  3050. icon: phu:floor-shade
  3051. show_icon: true
  3052. aspect_ratio: 1/1
  3053. hold_action:
  3054. action: more-info
  3055. tap_action:
  3056. action: toggle
  3057. name: Floor Lamp
  3058. show_state: true
  3059. state:
  3060. - styles:
  3061. card:
  3062. - background-color: '#242e42'
  3063. - border-radius: 10%
  3064. - padding: 12%
  3065. - color: ivory
  3066. - opacity: 0.7
  3067. - font-size: 10px
  3068. - text-shadow: 0px 0px 5px black
  3069. - text-transform: capitalize
  3070. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3071. grid:
  3072. - grid-template-areas: '"i bright" "n n" "s s"'
  3073. - grid-template-columns: 1fr 1fr
  3074. - grid-template-rows: 1fr min-content min-content
  3075. name:
  3076. - font-weight: 300
  3077. - font-size: 10px
  3078. - opacity: 0.7
  3079. - color: white
  3080. - align-self: middle
  3081. - justify-self: start
  3082. state:
  3083. - font-weight: bold
  3084. - opacity: 0.7
  3085. - font-size: 9px
  3086. - color: white
  3087. - align-self: middle
  3088. - justify-self: start
  3089. img_cell:
  3090. - justify-content: start
  3091. - align-items: start
  3092. - margin: none
  3093. icon:
  3094. - width: 100%
  3095. - opacity: 0.2
  3096. - color: white
  3097. custom_fields:
  3098. bright:
  3099. - align-self: start
  3100. - justify-self: end
  3101. - border-radius: 20px
  3102. - border-style: solid
  3103. - border-width: 1px
  3104. - font-size: 10px
  3105. - font-weight: 300
  3106. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3107. - border-color: '#67727e'
  3108. - padding: 15%
  3109. value: 'off'
  3110. - styles:
  3111. card:
  3112. - background-color: '#242e42'
  3113. - border-radius: 10%
  3114. - padding: 12%
  3115. - color: ivory
  3116. - opacity: 0.7
  3117. - font-size: 10px
  3118. - text-shadow: 0px 0px 5px black
  3119. - text-transform: capitalize
  3120. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3121. grid:
  3122. - grid-template-areas: '"i bright" "n n" "s s"'
  3123. - grid-template-columns: 1fr 1fr
  3124. - grid-template-rows: 1fr min-content min-content
  3125. name:
  3126. - font-weight: 300
  3127. - font-size: 10px
  3128. - opacity: 0.7
  3129. - color: white
  3130. - align-self: middle
  3131. - justify-self: start
  3132. state:
  3133. - font-weight: bold
  3134. - opacity: 0.7
  3135. - font-size: 9px
  3136. - color: white
  3137. - align-self: middle
  3138. - justify-self: start
  3139. img_cell:
  3140. - justify-content: start
  3141. - align-items: start
  3142. - margin: none
  3143. icon:
  3144. - width: 100%
  3145. - opacity: 0.2
  3146. - color: white
  3147. custom_fields:
  3148. bright:
  3149. - align-self: start
  3150. - justify-self: end
  3151. - border-radius: 20px
  3152. - border-style: solid
  3153. - border-width: 1px
  3154. - font-size: 10px
  3155. - font-weight: 300
  3156. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3157. - border-color: '#67727e'
  3158. - padding: 15%
  3159. value: unavailable
  3160. - styles:
  3161. card:
  3162. - background-color: '#242e42'
  3163. - border-radius: 10%
  3164. - padding: 12%
  3165. - color: ivory
  3166. - font-size: 10px
  3167. - text-shadow: 0px 0px 5px black
  3168. - text-transform: capitalize
  3169. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3170. grid:
  3171. - grid-template-areas: '"i bright" "n n" "s s"'
  3172. - grid-template-columns: 1fr 1fr
  3173. - grid-template-rows: 1fr min-content min-content
  3174. name:
  3175. - font-weight: 300
  3176. - font-size: 10px
  3177. - color: white
  3178. - align-self: middle
  3179. - justify-self: start
  3180. state:
  3181. - font-weight: bold
  3182. - font-size: 9px
  3183. - color: white
  3184. - align-self: middle
  3185. - justify-self: start
  3186. img_cell:
  3187. - justify-content: start
  3188. - align-items: start
  3189. - margin: none
  3190. icon:
  3191. - width: 100%
  3192. - color: white
  3193. custom_fields:
  3194. bright:
  3195. - opacity: 0
  3196. - align-self: start
  3197. - justify-self: end
  3198. - border-radius: 20px
  3199. - border-style: solid
  3200. - border-width: 1px
  3201. - font-size: 10px
  3202. - font-weight: 300
  3203. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3204. - border-color: '#67727e'
  3205. - padding: 15%
  3206. value: 'on'
  3207. - type: custom:button-card
  3208. entity: switch.living_room_corner_lamp
  3209. icon: phu:desk-lamp
  3210. show_icon: true
  3211. aspect_ratio: 1/1
  3212. hold_action:
  3213. action: more-info
  3214. tap_action:
  3215. action: toggle
  3216. name: Lamp
  3217. show_state: true
  3218. state:
  3219. - styles:
  3220. card:
  3221. - background-color: '#242e42'
  3222. - border-radius: 10%
  3223. - padding: 12%
  3224. - color: ivory
  3225. - opacity: 0.7
  3226. - font-size: 10px
  3227. - text-shadow: 0px 0px 5px black
  3228. - text-transform: capitalize
  3229. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3230. grid:
  3231. - grid-template-areas: '"i bright" "n n" "s s"'
  3232. - grid-template-columns: 1fr 1fr
  3233. - grid-template-rows: 1fr min-content min-content
  3234. name:
  3235. - font-weight: 300
  3236. - font-size: 10px
  3237. - color: white
  3238. - opacity: 0.7
  3239. - align-self: middle
  3240. - justify-self: start
  3241. state:
  3242. - font-weight: bold
  3243. - font-size: px
  3244. - opacity: 0.7
  3245. - color: white
  3246. - align-self: middle
  3247. - justify-self: start
  3248. img_cell:
  3249. - justify-content: start
  3250. - align-items: start
  3251. - margin: none
  3252. icon:
  3253. - width: 100%
  3254. - opacity: 0.2
  3255. - color: white
  3256. custom_fields:
  3257. bright:
  3258. - align-self: start
  3259. - justify-self: end
  3260. - border-radius: 20px
  3261. - border-style: solid
  3262. - border-width: 1px
  3263. - font-size: 10px
  3264. - font-weight: 300
  3265. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3266. - border-color: '#67727e'
  3267. - padding: 15%
  3268. value: 'off'
  3269. - styles:
  3270. card:
  3271. - background-color: '#242e42'
  3272. - border-radius: 10%
  3273. - padding: 12%
  3274. - color: ivory
  3275. - font-size: 10px
  3276. - text-shadow: 0px 0px 5px black
  3277. - text-transform: capitalize
  3278. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3279. grid:
  3280. - grid-template-areas: '"i bright" "n n" "s s"'
  3281. - grid-template-columns: 1fr 1fr
  3282. - grid-template-rows: 1fr min-content min-content
  3283. name:
  3284. - font-weight: 300
  3285. - font-size: 10px
  3286. - color: white
  3287. - align-self: middle
  3288. - justify-self: start
  3289. state:
  3290. - font-weight: bold
  3291. - font-size: px
  3292. - color: white
  3293. - align-self: middle
  3294. - justify-self: start
  3295. img_cell:
  3296. - justify-content: start
  3297. - align-items: start
  3298. - margin: none
  3299. icon:
  3300. - width: 100%
  3301. - color: white
  3302. custom_fields:
  3303. bright:
  3304. - align-self: start
  3305. - justify-self: end
  3306. - border-radius: 20px
  3307. - border-style: solid
  3308. - border-width: 1px
  3309. - font-size: 10px
  3310. - font-weight: 300
  3311. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3312. - border-color: '#67727e'
  3313. - padding: 15%
  3314. value: 'on'
  3315. - styles:
  3316. card:
  3317. - background-color: '#242e42'
  3318. - border-radius: 10%
  3319. - padding: 12%
  3320. - color: ivory
  3321. - opacity: 0.7
  3322. - font-size: 10px
  3323. - text-shadow: 0px 0px 5px black
  3324. - text-transform: capitalize
  3325. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3326. grid:
  3327. - grid-template-areas: '"i bright" "n n" "s s"'
  3328. - grid-template-columns: 1fr 1fr
  3329. - grid-template-rows: 1fr min-content min-content
  3330. name:
  3331. - font-weight: 300
  3332. - font-size: 10px
  3333. - opacity: 0.7
  3334. - color: white
  3335. - align-self: middle
  3336. - justify-self: start
  3337. state:
  3338. - font-weight: bold
  3339. - opacity: 0.7
  3340. - font-size: 9px
  3341. - color: white
  3342. - align-self: middle
  3343. - justify-self: start
  3344. img_cell:
  3345. - justify-content: start
  3346. - align-items: start
  3347. - margin: none
  3348. icon:
  3349. - width: 100%
  3350. - opacity: 0.2
  3351. - color: white
  3352. custom_fields:
  3353. bright:
  3354. - align-self: start
  3355. - justify-self: end
  3356. - border-radius: 20px
  3357. - border-style: solid
  3358. - border-width: 1px
  3359. - font-size: 10px
  3360. - font-weight: 300
  3361. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3362. - border-color: '#67727e'
  3363. - padding: 15%
  3364. value: unavailable
  3365. Office:
  3366. type: vertical-stack
  3367. cards:
  3368. - type: horizontal-stack
  3369. cards:
  3370. - type: custom:button-card
  3371. entity: switch.office_lamp_2
  3372. icon: phu:desk-lamp
  3373. show_icon: true
  3374. aspect_ratio: 1/1
  3375. hold_action:
  3376. action: more-info
  3377. tap_action:
  3378. action: toggle
  3379. name: Lamp
  3380. show_state: true
  3381. state:
  3382. - styles:
  3383. card:
  3384. - background-color: '#242e42'
  3385. - border-radius: 10%
  3386. - padding: 12%
  3387. - color: ivory
  3388. - opacity: 0.7
  3389. - font-size: 10px
  3390. - text-shadow: 0px 0px 5px black
  3391. - text-transform: capitalize
  3392. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3393. grid:
  3394. - grid-template-areas: '"i bright" "n n" "s s"'
  3395. - grid-template-columns: 1fr 1fr
  3396. - grid-template-rows: 1fr min-content min-content
  3397. name:
  3398. - font-weight: 300
  3399. - font-size: 10px
  3400. - color: white
  3401. - opacity: 0.7
  3402. - align-self: middle
  3403. - justify-self: start
  3404. state:
  3405. - font-weight: bold
  3406. - font-size: px
  3407. - opacity: 0.7
  3408. - color: white
  3409. - align-self: middle
  3410. - justify-self: start
  3411. img_cell:
  3412. - justify-content: start
  3413. - align-items: start
  3414. - margin: none
  3415. icon:
  3416. - width: 100%
  3417. - opacity: 0.2
  3418. - color: white
  3419. custom_fields:
  3420. bright:
  3421. - align-self: start
  3422. - justify-self: end
  3423. - border-radius: 20px
  3424. - border-style: solid
  3425. - border-width: 1px
  3426. - font-size: 10px
  3427. - font-weight: 300
  3428. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3429. - border-color: '#67727e'
  3430. - padding: 15%
  3431. value: 'off'
  3432. - styles:
  3433. card:
  3434. - background-color: '#242e42'
  3435. - border-radius: 10%
  3436. - padding: 12%
  3437. - color: ivory
  3438. - font-size: 10px
  3439. - text-shadow: 0px 0px 5px black
  3440. - text-transform: capitalize
  3441. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3442. grid:
  3443. - grid-template-areas: '"i bright" "n n" "s s"'
  3444. - grid-template-columns: 1fr 1fr
  3445. - grid-template-rows: 1fr min-content min-content
  3446. name:
  3447. - font-weight: 300
  3448. - font-size: 10px
  3449. - color: white
  3450. - align-self: middle
  3451. - justify-self: start
  3452. state:
  3453. - font-weight: bold
  3454. - font-size: px
  3455. - color: white
  3456. - align-self: middle
  3457. - justify-self: start
  3458. img_cell:
  3459. - justify-content: start
  3460. - align-items: start
  3461. - margin: none
  3462. icon:
  3463. - width: 100%
  3464. - color: white
  3465. custom_fields:
  3466. bright:
  3467. - align-self: start
  3468. - justify-self: end
  3469. - border-radius: 20px
  3470. - border-style: solid
  3471. - border-width: 1px
  3472. - font-size: 10px
  3473. - font-weight: 300
  3474. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3475. - border-color: '#67727e'
  3476. - padding: 15%
  3477. value: 'on'
  3478. - styles:
  3479. card:
  3480. - background-color: '#242e42'
  3481. - border-radius: 10%
  3482. - padding: 12%
  3483. - color: ivory
  3484. - opacity: 0.7
  3485. - font-size: 10px
  3486. - text-shadow: 0px 0px 5px black
  3487. - text-transform: capitalize
  3488. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3489. grid:
  3490. - grid-template-areas: '"i bright" "n n" "s s"'
  3491. - grid-template-columns: 1fr 1fr
  3492. - grid-template-rows: 1fr min-content min-content
  3493. name:
  3494. - font-weight: 300
  3495. - font-size: 10px
  3496. - opacity: 0.7
  3497. - color: white
  3498. - align-self: middle
  3499. - justify-self: start
  3500. state:
  3501. - font-weight: bold
  3502. - opacity: 0.7
  3503. - font-size: 9px
  3504. - color: white
  3505. - align-self: middle
  3506. - justify-self: start
  3507. img_cell:
  3508. - justify-content: start
  3509. - align-items: start
  3510. - margin: none
  3511. icon:
  3512. - width: 100%
  3513. - opacity: 0.2
  3514. - color: white
  3515. custom_fields:
  3516. bright:
  3517. - align-self: start
  3518. - justify-self: end
  3519. - border-radius: 20px
  3520. - border-style: solid
  3521. - border-width: 1px
  3522. - font-size: 10px
  3523. - font-weight: 300
  3524. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3525. - border-color: '#67727e'
  3526. - padding: 15%
  3527. value: unavailable
  3528. - type: custom:button-card
  3529. entity: light.office_ceiling_light
  3530. icon: phu:pendant-round
  3531. show_icon: true
  3532. aspect_ratio: 1/1
  3533. hold_action:
  3534. action: more-info
  3535. tap_action:
  3536. action: toggle
  3537. name: Floor Lamp
  3538. show_state: true
  3539. state:
  3540. - styles:
  3541. card:
  3542. - background-color: '#242e42'
  3543. - border-radius: 10%
  3544. - padding: 12%
  3545. - color: ivory
  3546. - opacity: 0.7
  3547. - font-size: 10px
  3548. - text-shadow: 0px 0px 5px black
  3549. - text-transform: capitalize
  3550. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3551. grid:
  3552. - grid-template-areas: '"i bright" "n n" "s s"'
  3553. - grid-template-columns: 1fr 1fr
  3554. - grid-template-rows: 1fr min-content min-content
  3555. name:
  3556. - font-weight: 300
  3557. - font-size: 10px
  3558. - opacity: 0.7
  3559. - color: white
  3560. - align-self: middle
  3561. - justify-self: start
  3562. state:
  3563. - font-weight: bold
  3564. - opacity: 0.7
  3565. - font-size: 9px
  3566. - color: white
  3567. - align-self: middle
  3568. - justify-self: start
  3569. img_cell:
  3570. - justify-content: start
  3571. - align-items: start
  3572. - margin: none
  3573. icon:
  3574. - width: 100%
  3575. - opacity: 0.2
  3576. - color: white
  3577. custom_fields:
  3578. bright:
  3579. - align-self: start
  3580. - justify-self: end
  3581. - border-radius: 20px
  3582. - border-style: solid
  3583. - border-width: 1px
  3584. - font-size: 10px
  3585. - font-weight: 300
  3586. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3587. - border-color: '#67727e'
  3588. - padding: 15%
  3589. value: 'off'
  3590. - styles:
  3591. card:
  3592. - background-color: '#242e42'
  3593. - border-radius: 10%
  3594. - padding: 12%
  3595. - color: ivory
  3596. - opacity: 0.7
  3597. - font-size: 10px
  3598. - text-shadow: 0px 0px 5px black
  3599. - text-transform: capitalize
  3600. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3601. grid:
  3602. - grid-template-areas: '"i bright" "n n" "s s"'
  3603. - grid-template-columns: 1fr 1fr
  3604. - grid-template-rows: 1fr min-content min-content
  3605. name:
  3606. - font-weight: 300
  3607. - font-size: 10px
  3608. - opacity: 0.7
  3609. - color: white
  3610. - align-self: middle
  3611. - justify-self: start
  3612. state:
  3613. - font-weight: bold
  3614. - opacity: 0.7
  3615. - font-size: 9px
  3616. - color: white
  3617. - align-self: middle
  3618. - justify-self: start
  3619. img_cell:
  3620. - justify-content: start
  3621. - align-items: start
  3622. - margin: none
  3623. icon:
  3624. - width: 100%
  3625. - opacity: 0.2
  3626. - color: white
  3627. custom_fields:
  3628. bright:
  3629. - align-self: start
  3630. - justify-self: end
  3631. - border-radius: 20px
  3632. - border-style: solid
  3633. - border-width: 1px
  3634. - font-size: 10px
  3635. - font-weight: 300
  3636. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3637. - border-color: '#67727e'
  3638. - padding: 15%
  3639. value: unavailable
  3640. - styles:
  3641. card:
  3642. - background-color: '#242e42'
  3643. - border-radius: 10%
  3644. - padding: 12%
  3645. - color: ivory
  3646. - font-size: 10px
  3647. - text-shadow: 0px 0px 5px black
  3648. - text-transform: capitalize
  3649. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3650. grid:
  3651. - grid-template-areas: '"i bright" "n n" "s s"'
  3652. - grid-template-columns: 1fr 1fr
  3653. - grid-template-rows: 1fr min-content min-content
  3654. name:
  3655. - font-weight: 300
  3656. - font-size: 10px
  3657. - color: white
  3658. - align-self: middle
  3659. - justify-self: start
  3660. state:
  3661. - font-weight: bold
  3662. - font-size: 9px
  3663. - color: white
  3664. - align-self: middle
  3665. - justify-self: start
  3666. img_cell:
  3667. - justify-content: start
  3668. - align-items: start
  3669. - margin: none
  3670. icon:
  3671. - width: 100%
  3672. - color: white
  3673. custom_fields:
  3674. bright:
  3675. - opacity: 0
  3676. - align-self: start
  3677. - justify-self: end
  3678. - border-radius: 20px
  3679. - border-style: solid
  3680. - border-width: 1px
  3681. - font-size: 10px
  3682. - font-weight: 300
  3683. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3684. - border-color: '#67727e'
  3685. - padding: 15%
  3686. value: 'on'
  3687. - type: custom:button-card
  3688. entity: light.data_cabinet_led_2
  3689. icon: phu:light-strip
  3690. show_icon: true
  3691. aspect_ratio: 1/1
  3692. hold_action:
  3693. action: more-info
  3694. tap_action:
  3695. action: toggle
  3696. name: Data Cabinet
  3697. show_state: true
  3698. state:
  3699. - styles:
  3700. card:
  3701. - background-color: '#242e42'
  3702. - border-radius: 10%
  3703. - padding: 12%
  3704. - color: ivory
  3705. - opacity: 0.7
  3706. - font-size: 10px
  3707. - text-shadow: 0px 0px 5px black
  3708. - text-transform: capitalize
  3709. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3710. grid:
  3711. - grid-template-areas: '"i bright" "n n" "s s"'
  3712. - grid-template-columns: 1fr 1fr
  3713. - grid-template-rows: 1fr min-content min-content
  3714. name:
  3715. - font-weight: 300
  3716. - font-size: 10px
  3717. - color: white
  3718. - opacity: 0.7
  3719. - align-self: middle
  3720. - justify-self: start
  3721. state:
  3722. - font-weight: bold
  3723. - font-size: px
  3724. - opacity: 0.7
  3725. - color: white
  3726. - align-self: middle
  3727. - justify-self: start
  3728. img_cell:
  3729. - justify-content: start
  3730. - align-items: start
  3731. - margin: none
  3732. icon:
  3733. - width: 100%
  3734. - opacity: 0.2
  3735. - color: white
  3736. custom_fields:
  3737. bright:
  3738. - align-self: start
  3739. - justify-self: end
  3740. - border-radius: 20px
  3741. - border-style: solid
  3742. - border-width: 1px
  3743. - font-size: 10px
  3744. - font-weight: 300
  3745. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3746. - border-color: '#67727e'
  3747. - padding: 15%
  3748. value: 'off'
  3749. - styles:
  3750. card:
  3751. - background-color: '#242e42'
  3752. - border-radius: 10%
  3753. - padding: 12%
  3754. - color: ivory
  3755. - font-size: 10px
  3756. - text-shadow: 0px 0px 5px black
  3757. - text-transform: capitalize
  3758. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3759. grid:
  3760. - grid-template-areas: '"i bright" "n n" "s s"'
  3761. - grid-template-columns: 1fr 1fr
  3762. - grid-template-rows: 1fr min-content min-content
  3763. name:
  3764. - font-weight: 300
  3765. - font-size: 10px
  3766. - color: white
  3767. - align-self: middle
  3768. - justify-self: start
  3769. state:
  3770. - font-weight: bold
  3771. - font-size: px
  3772. - color: white
  3773. - align-self: middle
  3774. - justify-self: start
  3775. img_cell:
  3776. - justify-content: start
  3777. - align-items: start
  3778. - margin: none
  3779. icon:
  3780. - width: 100%
  3781. - color: white
  3782. custom_fields:
  3783. bright:
  3784. - align-self: start
  3785. - justify-self: end
  3786. - border-radius: 20px
  3787. - border-style: solid
  3788. - border-width: 1px
  3789. - font-size: 10px
  3790. - font-weight: 300
  3791. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3792. - border-color: '#67727e'
  3793. - padding: 15%
  3794. value: 'on'
  3795. - styles:
  3796. card:
  3797. - background-color: '#242e42'
  3798. - border-radius: 10%
  3799. - padding: 12%
  3800. - color: ivory
  3801. - opacity: 0.7
  3802. - font-size: 10px
  3803. - text-shadow: 0px 0px 5px black
  3804. - text-transform: capitalize
  3805. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3806. grid:
  3807. - grid-template-areas: '"i bright" "n n" "s s"'
  3808. - grid-template-columns: 1fr 1fr
  3809. - grid-template-rows: 1fr min-content min-content
  3810. name:
  3811. - font-weight: 300
  3812. - font-size: 10px
  3813. - opacity: 0.7
  3814. - color: white
  3815. - align-self: middle
  3816. - justify-self: start
  3817. state:
  3818. - font-weight: bold
  3819. - opacity: 0.7
  3820. - font-size: 9px
  3821. - color: white
  3822. - align-self: middle
  3823. - justify-self: start
  3824. img_cell:
  3825. - justify-content: start
  3826. - align-items: start
  3827. - margin: none
  3828. icon:
  3829. - width: 100%
  3830. - opacity: 0.2
  3831. - color: white
  3832. custom_fields:
  3833. bright:
  3834. - align-self: start
  3835. - justify-self: end
  3836. - border-radius: 20px
  3837. - border-style: solid
  3838. - border-width: 1px
  3839. - font-size: 10px
  3840. - font-weight: 300
  3841. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3842. - border-color: '#67727e'
  3843. - padding: 15%
  3844. value: unavailable
  3845. Bedroom:
  3846. type: vertical-stack
  3847. cards:
  3848. - type: horizontal-stack
  3849. cards:
  3850. - type: custom:button-card
  3851. entity: light.master_lights
  3852. icon: phu:bulbs-spot
  3853. show_icon: true
  3854. aspect_ratio: 1/1
  3855. hold_action:
  3856. action: more-info
  3857. tap_action:
  3858. action: toggle
  3859. name: Ceiling
  3860. show_state: true
  3861. state:
  3862. - styles:
  3863. card:
  3864. - background-color: '#242e42'
  3865. - border-radius: 10%
  3866. - padding: 12%
  3867. - color: ivory
  3868. - opacity: 0.7
  3869. - font-size: 10px
  3870. - text-shadow: 0px 0px 5px black
  3871. - text-transform: capitalize
  3872. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3873. grid:
  3874. - grid-template-areas: '"i bright" "n n" "s s"'
  3875. - grid-template-columns: 1fr 1fr
  3876. - grid-template-rows: 1fr min-content min-content
  3877. name:
  3878. - font-weight: 300
  3879. - font-size: 10px
  3880. - color: white
  3881. - opacity: 0.7
  3882. - align-self: middle
  3883. - justify-self: start
  3884. state:
  3885. - font-weight: bold
  3886. - font-size: px
  3887. - opacity: 0.7
  3888. - color: white
  3889. - align-self: middle
  3890. - justify-self: start
  3891. img_cell:
  3892. - justify-content: start
  3893. - align-items: start
  3894. - margin: none
  3895. icon:
  3896. - width: 100%
  3897. - opacity: 0.2
  3898. - color: white
  3899. custom_fields:
  3900. bright:
  3901. - align-self: start
  3902. - justify-self: end
  3903. - border-radius: 20px
  3904. - border-style: solid
  3905. - border-width: 1px
  3906. - font-size: 10px
  3907. - font-weight: 300
  3908. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3909. - border-color: '#67727e'
  3910. - padding: 15%
  3911. value: 'off'
  3912. - styles:
  3913. card:
  3914. - background-color: '#242e42'
  3915. - border-radius: 10%
  3916. - padding: 12%
  3917. - color: ivory
  3918. - font-size: 10px
  3919. - text-shadow: 0px 0px 5px black
  3920. - text-transform: capitalize
  3921. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3922. grid:
  3923. - grid-template-areas: '"i bright" "n n" "s s"'
  3924. - grid-template-columns: 1fr 1fr
  3925. - grid-template-rows: 1fr min-content min-content
  3926. name:
  3927. - font-weight: 300
  3928. - font-size: 10px
  3929. - color: white
  3930. - align-self: middle
  3931. - justify-self: start
  3932. state:
  3933. - font-weight: bold
  3934. - font-size: px
  3935. - color: white
  3936. - align-self: middle
  3937. - justify-self: start
  3938. img_cell:
  3939. - justify-content: start
  3940. - align-items: start
  3941. - margin: none
  3942. icon:
  3943. - width: 100%
  3944. - color: white
  3945. custom_fields:
  3946. bright:
  3947. - align-self: start
  3948. - justify-self: end
  3949. - border-radius: 20px
  3950. - border-style: solid
  3951. - border-width: 1px
  3952. - font-size: 10px
  3953. - font-weight: 300
  3954. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  3955. - border-color: '#67727e'
  3956. - padding: 15%
  3957. value: 'on'
  3958. - styles:
  3959. card:
  3960. - background-color: '#242e42'
  3961. - border-radius: 10%
  3962. - padding: 12%
  3963. - color: ivory
  3964. - opacity: 0.7
  3965. - font-size: 10px
  3966. - text-shadow: 0px 0px 5px black
  3967. - text-transform: capitalize
  3968. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  3969. grid:
  3970. - grid-template-areas: '"i bright" "n n" "s s"'
  3971. - grid-template-columns: 1fr 1fr
  3972. - grid-template-rows: 1fr min-content min-content
  3973. name:
  3974. - font-weight: 300
  3975. - font-size: 10px
  3976. - opacity: 0.7
  3977. - color: white
  3978. - align-self: middle
  3979. - justify-self: start
  3980. state:
  3981. - font-weight: bold
  3982. - opacity: 0.7
  3983. - font-size: 9px
  3984. - color: white
  3985. - align-self: middle
  3986. - justify-self: start
  3987. img_cell:
  3988. - justify-content: start
  3989. - align-items: start
  3990. - margin: none
  3991. icon:
  3992. - width: 100%
  3993. - opacity: 0.2
  3994. - color: white
  3995. custom_fields:
  3996. bright:
  3997. - align-self: start
  3998. - justify-self: end
  3999. - border-radius: 20px
  4000. - border-style: solid
  4001. - border-width: 1px
  4002. - font-size: 10px
  4003. - font-weight: 300
  4004. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4005. - border-color: '#67727e'
  4006. - padding: 15%
  4007. value: unavailable
  4008. - type: custom:button-card
  4009. entity: switch.sonoff_1000ae39fc_2
  4010. icon: phu:desk-lamp
  4011. show_icon: true
  4012. aspect_ratio: 1/1
  4013. hold_action:
  4014. action: more-info
  4015. tap_action:
  4016. action: toggle
  4017. name: Left Lamp
  4018. show_state: true
  4019. state:
  4020. - styles:
  4021. card:
  4022. - background-color: '#242e42'
  4023. - border-radius: 10%
  4024. - padding: 12%
  4025. - color: ivory
  4026. - opacity: 0.7
  4027. - font-size: 10px
  4028. - text-shadow: 0px 0px 5px black
  4029. - text-transform: capitalize
  4030. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4031. grid:
  4032. - grid-template-areas: '"i bright" "n n" "s s"'
  4033. - grid-template-columns: 1fr 1fr
  4034. - grid-template-rows: 1fr min-content min-content
  4035. name:
  4036. - font-weight: 300
  4037. - font-size: 10px
  4038. - opacity: 0.7
  4039. - color: white
  4040. - align-self: middle
  4041. - justify-self: start
  4042. state:
  4043. - font-weight: bold
  4044. - opacity: 0.7
  4045. - font-size: 9px
  4046. - color: white
  4047. - align-self: middle
  4048. - justify-self: start
  4049. img_cell:
  4050. - justify-content: start
  4051. - align-items: start
  4052. - margin: none
  4053. icon:
  4054. - width: 100%
  4055. - opacity: 0.2
  4056. - color: white
  4057. custom_fields:
  4058. bright:
  4059. - align-self: start
  4060. - justify-self: end
  4061. - border-radius: 20px
  4062. - border-style: solid
  4063. - border-width: 1px
  4064. - font-size: 10px
  4065. - font-weight: 300
  4066. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4067. - border-color: '#67727e'
  4068. - padding: 15%
  4069. value: 'off'
  4070. - styles:
  4071. card:
  4072. - background-color: '#242e42'
  4073. - border-radius: 10%
  4074. - padding: 12%
  4075. - color: ivory
  4076. - opacity: 0.7
  4077. - font-size: 10px
  4078. - text-shadow: 0px 0px 5px black
  4079. - text-transform: capitalize
  4080. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4081. grid:
  4082. - grid-template-areas: '"i bright" "n n" "s s"'
  4083. - grid-template-columns: 1fr 1fr
  4084. - grid-template-rows: 1fr min-content min-content
  4085. name:
  4086. - font-weight: 300
  4087. - font-size: 10px
  4088. - opacity: 0.7
  4089. - color: white
  4090. - align-self: middle
  4091. - justify-self: start
  4092. state:
  4093. - font-weight: bold
  4094. - opacity: 0.7
  4095. - font-size: 9px
  4096. - color: white
  4097. - align-self: middle
  4098. - justify-self: start
  4099. img_cell:
  4100. - justify-content: start
  4101. - align-items: start
  4102. - margin: none
  4103. icon:
  4104. - width: 100%
  4105. - opacity: 0.2
  4106. - color: white
  4107. custom_fields:
  4108. bright:
  4109. - align-self: start
  4110. - justify-self: end
  4111. - border-radius: 20px
  4112. - border-style: solid
  4113. - border-width: 1px
  4114. - font-size: 10px
  4115. - font-weight: 300
  4116. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4117. - border-color: '#67727e'
  4118. - padding: 15%
  4119. value: unavailable
  4120. - styles:
  4121. card:
  4122. - background-color: '#242e42'
  4123. - border-radius: 10%
  4124. - padding: 12%
  4125. - color: ivory
  4126. - font-size: 10px
  4127. - text-shadow: 0px 0px 5px black
  4128. - text-transform: capitalize
  4129. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4130. grid:
  4131. - grid-template-areas: '"i bright" "n n" "s s"'
  4132. - grid-template-columns: 1fr 1fr
  4133. - grid-template-rows: 1fr min-content min-content
  4134. name:
  4135. - font-weight: 300
  4136. - font-size: 10px
  4137. - color: white
  4138. - align-self: middle
  4139. - justify-self: start
  4140. state:
  4141. - font-weight: bold
  4142. - font-size: 9px
  4143. - color: white
  4144. - align-self: middle
  4145. - justify-self: start
  4146. img_cell:
  4147. - justify-content: start
  4148. - align-items: start
  4149. - margin: none
  4150. icon:
  4151. - width: 100%
  4152. - color: white
  4153. custom_fields:
  4154. bright:
  4155. - opacity: 0
  4156. - align-self: start
  4157. - justify-self: end
  4158. - border-radius: 20px
  4159. - border-style: solid
  4160. - border-width: 1px
  4161. - font-size: 10px
  4162. - font-weight: 300
  4163. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4164. - border-color: '#67727e'
  4165. - padding: 15%
  4166. value: 'on'
  4167. - type: custom:button-card
  4168. entity: switch.sonoff_1000ae39fc_2
  4169. icon: phu:desk-lamp
  4170. show_icon: true
  4171. aspect_ratio: 1/1
  4172. hold_action:
  4173. action: more-info
  4174. tap_action:
  4175. action: toggle
  4176. name: Right Lamp
  4177. show_state: true
  4178. state:
  4179. - styles:
  4180. card:
  4181. - background-color: '#242e42'
  4182. - border-radius: 10%
  4183. - padding: 12%
  4184. - color: ivory
  4185. - opacity: 0.7
  4186. - font-size: 10px
  4187. - text-shadow: 0px 0px 5px black
  4188. - text-transform: capitalize
  4189. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4190. grid:
  4191. - grid-template-areas: '"i bright" "n n" "s s"'
  4192. - grid-template-columns: 1fr 1fr
  4193. - grid-template-rows: 1fr min-content min-content
  4194. name:
  4195. - font-weight: 300
  4196. - font-size: 10px
  4197. - opacity: 0.7
  4198. - color: white
  4199. - align-self: middle
  4200. - justify-self: start
  4201. state:
  4202. - font-weight: bold
  4203. - opacity: 0.7
  4204. - font-size: 9px
  4205. - color: white
  4206. - align-self: middle
  4207. - justify-self: start
  4208. img_cell:
  4209. - justify-content: start
  4210. - align-items: start
  4211. - margin: none
  4212. icon:
  4213. - width: 100%
  4214. - opacity: 0.2
  4215. - color: white
  4216. custom_fields:
  4217. bright:
  4218. - align-self: start
  4219. - justify-self: end
  4220. - border-radius: 20px
  4221. - border-style: solid
  4222. - border-width: 1px
  4223. - font-size: 10px
  4224. - font-weight: 300
  4225. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4226. - border-color: '#67727e'
  4227. - padding: 15%
  4228. value: 'off'
  4229. - styles:
  4230. card:
  4231. - background-color: '#242e42'
  4232. - border-radius: 10%
  4233. - padding: 12%
  4234. - color: ivory
  4235. - opacity: 0.7
  4236. - font-size: 10px
  4237. - text-shadow: 0px 0px 5px black
  4238. - text-transform: capitalize
  4239. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4240. grid:
  4241. - grid-template-areas: '"i bright" "n n" "s s"'
  4242. - grid-template-columns: 1fr 1fr
  4243. - grid-template-rows: 1fr min-content min-content
  4244. name:
  4245. - font-weight: 300
  4246. - font-size: 10px
  4247. - opacity: 0.7
  4248. - color: white
  4249. - align-self: middle
  4250. - justify-self: start
  4251. state:
  4252. - font-weight: bold
  4253. - opacity: 0.7
  4254. - font-size: 9px
  4255. - color: white
  4256. - align-self: middle
  4257. - justify-self: start
  4258. img_cell:
  4259. - justify-content: start
  4260. - align-items: start
  4261. - margin: none
  4262. icon:
  4263. - width: 100%
  4264. - opacity: 0.2
  4265. - color: white
  4266. custom_fields:
  4267. bright:
  4268. - align-self: start
  4269. - justify-self: end
  4270. - border-radius: 20px
  4271. - border-style: solid
  4272. - border-width: 1px
  4273. - font-size: 10px
  4274. - font-weight: 300
  4275. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4276. - border-color: '#67727e'
  4277. - padding: 15%
  4278. value: unavailable
  4279. - styles:
  4280. card:
  4281. - background-color: '#242e42'
  4282. - border-radius: 10%
  4283. - padding: 12%
  4284. - color: ivory
  4285. - font-size: 10px
  4286. - text-shadow: 0px 0px 5px black
  4287. - text-transform: capitalize
  4288. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4289. grid:
  4290. - grid-template-areas: '"i bright" "n n" "s s"'
  4291. - grid-template-columns: 1fr 1fr
  4292. - grid-template-rows: 1fr min-content min-content
  4293. name:
  4294. - font-weight: 300
  4295. - font-size: 10px
  4296. - color: white
  4297. - align-self: middle
  4298. - justify-self: start
  4299. state:
  4300. - font-weight: bold
  4301. - font-size: 9px
  4302. - color: white
  4303. - align-self: middle
  4304. - justify-self: start
  4305. img_cell:
  4306. - justify-content: start
  4307. - align-items: start
  4308. - margin: none
  4309. icon:
  4310. - width: 100%
  4311. - color: white
  4312. custom_fields:
  4313. bright:
  4314. - opacity: 0
  4315. - align-self: start
  4316. - justify-self: end
  4317. - border-radius: 20px
  4318. - border-style: solid
  4319. - border-width: 1px
  4320. - font-size: 10px
  4321. - font-weight: 300
  4322. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4323. - border-color: '#67727e'
  4324. - padding: 15%
  4325. value: 'on'
  4326. - type: horizontal-stack
  4327. cards:
  4328. - type: custom:button-card
  4329. entity: light.master_bedside_sam_rgb_light
  4330. icon: phu:light-strip
  4331. show_icon: true
  4332. aspect_ratio: 1/1
  4333. hold_action:
  4334. action: more-info
  4335. tap_action:
  4336. action: toggle
  4337. name: Left RGB
  4338. show_state: true
  4339. state:
  4340. - styles:
  4341. card:
  4342. - background-color: '#242e42'
  4343. - border-radius: 10%
  4344. - padding: 12%
  4345. - color: ivory
  4346. - opacity: 0.7
  4347. - font-size: 10px
  4348. - text-shadow: 0px 0px 5px black
  4349. - text-transform: capitalize
  4350. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4351. grid:
  4352. - grid-template-areas: '"i bright" "n n" "s s"'
  4353. - grid-template-columns: 1fr 1fr
  4354. - grid-template-rows: 1fr min-content min-content
  4355. name:
  4356. - font-weight: 300
  4357. - font-size: 10px
  4358. - color: white
  4359. - opacity: 0.7
  4360. - align-self: middle
  4361. - justify-self: start
  4362. state:
  4363. - font-weight: bold
  4364. - font-size: px
  4365. - opacity: 0.7
  4366. - color: white
  4367. - align-self: middle
  4368. - justify-self: start
  4369. img_cell:
  4370. - justify-content: start
  4371. - align-items: start
  4372. - margin: none
  4373. icon:
  4374. - width: 100%
  4375. - opacity: 0.2
  4376. - color: white
  4377. custom_fields:
  4378. bright:
  4379. - align-self: start
  4380. - justify-self: end
  4381. - border-radius: 20px
  4382. - border-style: solid
  4383. - border-width: 1px
  4384. - font-size: 10px
  4385. - font-weight: 300
  4386. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4387. - border-color: '#67727e'
  4388. - padding: 15%
  4389. value: 'off'
  4390. - styles:
  4391. card:
  4392. - background-color: '#242e42'
  4393. - border-radius: 10%
  4394. - padding: 12%
  4395. - color: ivory
  4396. - font-size: 10px
  4397. - text-shadow: 0px 0px 5px black
  4398. - text-transform: capitalize
  4399. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4400. grid:
  4401. - grid-template-areas: '"i bright" "n n" "s s"'
  4402. - grid-template-columns: 1fr 1fr
  4403. - grid-template-rows: 1fr min-content min-content
  4404. name:
  4405. - font-weight: 300
  4406. - font-size: 10px
  4407. - color: white
  4408. - align-self: middle
  4409. - justify-self: start
  4410. state:
  4411. - font-weight: bold
  4412. - font-size: px
  4413. - color: white
  4414. - align-self: middle
  4415. - justify-self: start
  4416. img_cell:
  4417. - justify-content: start
  4418. - align-items: start
  4419. - margin: none
  4420. icon:
  4421. - width: 100%
  4422. - color: white
  4423. custom_fields:
  4424. bright:
  4425. - align-self: start
  4426. - justify-self: end
  4427. - border-radius: 20px
  4428. - border-style: solid
  4429. - border-width: 1px
  4430. - font-size: 10px
  4431. - font-weight: 300
  4432. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4433. - border-color: '#67727e'
  4434. - padding: 15%
  4435. value: 'on'
  4436. - type: custom:button-card
  4437. entity: light.master_bedside_sam_rgb_light
  4438. icon: phu:light-strip
  4439. show_icon: true
  4440. aspect_ratio: 1/1
  4441. hold_action:
  4442. action: more-info
  4443. tap_action:
  4444. action: toggle
  4445. name: Right RGB
  4446. show_state: true
  4447. state:
  4448. - styles:
  4449. card:
  4450. - background-color: '#242e42'
  4451. - border-radius: 10%
  4452. - padding: 12%
  4453. - color: ivory
  4454. - opacity: 0.7
  4455. - font-size: 10px
  4456. - text-shadow: 0px 0px 5px black
  4457. - text-transform: capitalize
  4458. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4459. grid:
  4460. - grid-template-areas: '"i bright" "n n" "s s"'
  4461. - grid-template-columns: 1fr 1fr
  4462. - grid-template-rows: 1fr min-content min-content
  4463. name:
  4464. - font-weight: 300
  4465. - font-size: 10px
  4466. - color: white
  4467. - opacity: 0.7
  4468. - align-self: middle
  4469. - justify-self: start
  4470. state:
  4471. - font-weight: bold
  4472. - font-size: px
  4473. - opacity: 0.7
  4474. - color: white
  4475. - align-self: middle
  4476. - justify-self: start
  4477. img_cell:
  4478. - justify-content: start
  4479. - align-items: start
  4480. - margin: none
  4481. icon:
  4482. - width: 100%
  4483. - opacity: 0.2
  4484. - color: white
  4485. custom_fields:
  4486. bright:
  4487. - align-self: start
  4488. - justify-self: end
  4489. - border-radius: 20px
  4490. - border-style: solid
  4491. - border-width: 1px
  4492. - font-size: 10px
  4493. - font-weight: 300
  4494. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4495. - border-color: '#67727e'
  4496. - padding: 15%
  4497. value: 'off'
  4498. - styles:
  4499. card:
  4500. - background-color: '#242e42'
  4501. - border-radius: 10%
  4502. - padding: 12%
  4503. - color: ivory
  4504. - font-size: 10px
  4505. - text-shadow: 0px 0px 5px black
  4506. - text-transform: capitalize
  4507. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4508. grid:
  4509. - grid-template-areas: '"i bright" "n n" "s s"'
  4510. - grid-template-columns: 1fr 1fr
  4511. - grid-template-rows: 1fr min-content min-content
  4512. name:
  4513. - font-weight: 300
  4514. - font-size: 10px
  4515. - color: white
  4516. - align-self: middle
  4517. - justify-self: start
  4518. state:
  4519. - font-weight: bold
  4520. - font-size: px
  4521. - color: white
  4522. - align-self: middle
  4523. - justify-self: start
  4524. img_cell:
  4525. - justify-content: start
  4526. - align-items: start
  4527. - margin: none
  4528. icon:
  4529. - width: 100%
  4530. - color: white
  4531. custom_fields:
  4532. bright:
  4533. - align-self: start
  4534. - justify-self: end
  4535. - border-radius: 20px
  4536. - border-style: solid
  4537. - border-width: 1px
  4538. - font-size: 10px
  4539. - font-weight: 300
  4540. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4541. - border-color: '#67727e'
  4542. - padding: 15%
  4543. value: 'on'
  4544. - type: custom:button-card
  4545. color_type: blank-card
  4546. Ensuite:
  4547. type: vertical-stack
  4548. cards:
  4549. - type: horizontal-stack
  4550. cards:
  4551. - type: custom:button-card
  4552. entity: switch.office_lamp_2
  4553. icon: phu:bulbs-spot
  4554. show_icon: true
  4555. aspect_ratio: 1/1
  4556. hold_action:
  4557. action: more-info
  4558. tap_action:
  4559. action: toggle
  4560. name: Ceiling
  4561. show_state: true
  4562. state:
  4563. - styles:
  4564. card:
  4565. - background-color: '#242e42'
  4566. - border-radius: 10%
  4567. - padding: 12%
  4568. - color: ivory
  4569. - opacity: 0.7
  4570. - font-size: 10px
  4571. - text-shadow: 0px 0px 5px black
  4572. - text-transform: capitalize
  4573. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4574. grid:
  4575. - grid-template-areas: '"i bright" "n n" "s s"'
  4576. - grid-template-columns: 1fr 1fr
  4577. - grid-template-rows: 1fr min-content min-content
  4578. name:
  4579. - font-weight: 300
  4580. - font-size: 10px
  4581. - opacity: 0.7
  4582. - color: white
  4583. - align-self: middle
  4584. - justify-self: start
  4585. state:
  4586. - font-weight: bold
  4587. - opacity: 0.7
  4588. - font-size: 9px
  4589. - color: white
  4590. - align-self: middle
  4591. - justify-self: start
  4592. img_cell:
  4593. - justify-content: start
  4594. - align-items: start
  4595. - margin: none
  4596. icon:
  4597. - width: 100%
  4598. - opacity: 0.2
  4599. - color: white
  4600. custom_fields:
  4601. bright:
  4602. - align-self: start
  4603. - justify-self: end
  4604. - border-radius: 20px
  4605. - border-style: solid
  4606. - border-width: 1px
  4607. - font-size: 10px
  4608. - font-weight: 300
  4609. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4610. - border-color: '#67727e'
  4611. - padding: 15%
  4612. value: 'off'
  4613. - styles:
  4614. card:
  4615. - background-color: '#242e42'
  4616. - border-radius: 10%
  4617. - padding: 12%
  4618. - color: ivory
  4619. - opacity: 0.7
  4620. - font-size: 10px
  4621. - text-shadow: 0px 0px 5px black
  4622. - text-transform: capitalize
  4623. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4624. grid:
  4625. - grid-template-areas: '"i bright" "n n" "s s"'
  4626. - grid-template-columns: 1fr 1fr
  4627. - grid-template-rows: 1fr min-content min-content
  4628. name:
  4629. - font-weight: 300
  4630. - font-size: 10px
  4631. - opacity: 0.7
  4632. - color: white
  4633. - align-self: middle
  4634. - justify-self: start
  4635. state:
  4636. - font-weight: bold
  4637. - opacity: 0.7
  4638. - font-size: 9px
  4639. - color: white
  4640. - align-self: middle
  4641. - justify-self: start
  4642. img_cell:
  4643. - justify-content: start
  4644. - align-items: start
  4645. - margin: none
  4646. icon:
  4647. - width: 100%
  4648. - opacity: 0.2
  4649. - color: white
  4650. custom_fields:
  4651. bright:
  4652. - align-self: start
  4653. - justify-self: end
  4654. - border-radius: 20px
  4655. - border-style: solid
  4656. - border-width: 1px
  4657. - font-size: 10px
  4658. - font-weight: 300
  4659. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4660. - border-color: '#67727e'
  4661. - padding: 15%
  4662. value: unavailable
  4663. - styles:
  4664. card:
  4665. - background-color: '#242e42'
  4666. - border-radius: 10%
  4667. - padding: 12%
  4668. - color: ivory
  4669. - font-size: 10px
  4670. - text-shadow: 0px 0px 5px black
  4671. - text-transform: capitalize
  4672. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4673. grid:
  4674. - grid-template-areas: '"i bright" "n n" "s s"'
  4675. - grid-template-columns: 1fr 1fr
  4676. - grid-template-rows: 1fr min-content min-content
  4677. name:
  4678. - font-weight: 300
  4679. - font-size: 10px
  4680. - color: white
  4681. - align-self: middle
  4682. - justify-self: start
  4683. state:
  4684. - font-weight: bold
  4685. - font-size: 9px
  4686. - color: white
  4687. - align-self: middle
  4688. - justify-self: start
  4689. img_cell:
  4690. - justify-content: start
  4691. - align-items: start
  4692. - margin: none
  4693. icon:
  4694. - width: 100%
  4695. - color: white
  4696. custom_fields:
  4697. bright:
  4698. - opacity: 0
  4699. - align-self: start
  4700. - justify-self: end
  4701. - border-radius: 20px
  4702. - border-style: solid
  4703. - border-width: 1px
  4704. - font-size: 10px
  4705. - font-weight: 300
  4706. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4707. - border-color: '#67727e'
  4708. - padding: 15%
  4709. value: 'on'
  4710. - type: custom:button-card
  4711. entity: switch.office_lamp_2
  4712. icon: phu:bulbs-spot
  4713. show_icon: true
  4714. aspect_ratio: 1/1
  4715. hold_action:
  4716. action: more-info
  4717. tap_action:
  4718. action: toggle
  4719. name: Shower
  4720. show_state: true
  4721. state:
  4722. - styles:
  4723. card:
  4724. - background-color: '#242e42'
  4725. - border-radius: 10%
  4726. - padding: 12%
  4727. - color: ivory
  4728. - opacity: 0.7
  4729. - font-size: 10px
  4730. - text-shadow: 0px 0px 5px black
  4731. - text-transform: capitalize
  4732. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4733. grid:
  4734. - grid-template-areas: '"i bright" "n n" "s s"'
  4735. - grid-template-columns: 1fr 1fr
  4736. - grid-template-rows: 1fr min-content min-content
  4737. name:
  4738. - font-weight: 300
  4739. - font-size: 10px
  4740. - opacity: 0.7
  4741. - color: white
  4742. - align-self: middle
  4743. - justify-self: start
  4744. state:
  4745. - font-weight: bold
  4746. - opacity: 0.7
  4747. - font-size: 9px
  4748. - color: white
  4749. - align-self: middle
  4750. - justify-self: start
  4751. img_cell:
  4752. - justify-content: start
  4753. - align-items: start
  4754. - margin: none
  4755. icon:
  4756. - width: 100%
  4757. - opacity: 0.2
  4758. - color: white
  4759. custom_fields:
  4760. bright:
  4761. - align-self: start
  4762. - justify-self: end
  4763. - border-radius: 20px
  4764. - border-style: solid
  4765. - border-width: 1px
  4766. - font-size: 10px
  4767. - font-weight: 300
  4768. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4769. - border-color: '#67727e'
  4770. - padding: 15%
  4771. value: 'off'
  4772. - styles:
  4773. card:
  4774. - background-color: '#242e42'
  4775. - border-radius: 10%
  4776. - padding: 12%
  4777. - color: ivory
  4778. - opacity: 0.7
  4779. - font-size: 10px
  4780. - text-shadow: 0px 0px 5px black
  4781. - text-transform: capitalize
  4782. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4783. grid:
  4784. - grid-template-areas: '"i bright" "n n" "s s"'
  4785. - grid-template-columns: 1fr 1fr
  4786. - grid-template-rows: 1fr min-content min-content
  4787. name:
  4788. - font-weight: 300
  4789. - font-size: 10px
  4790. - opacity: 0.7
  4791. - color: white
  4792. - align-self: middle
  4793. - justify-self: start
  4794. state:
  4795. - font-weight: bold
  4796. - opacity: 0.7
  4797. - font-size: 9px
  4798. - color: white
  4799. - align-self: middle
  4800. - justify-self: start
  4801. img_cell:
  4802. - justify-content: start
  4803. - align-items: start
  4804. - margin: none
  4805. icon:
  4806. - width: 100%
  4807. - opacity: 0.2
  4808. - color: white
  4809. custom_fields:
  4810. bright:
  4811. - align-self: start
  4812. - justify-self: end
  4813. - border-radius: 20px
  4814. - border-style: solid
  4815. - border-width: 1px
  4816. - font-size: 10px
  4817. - font-weight: 300
  4818. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4819. - border-color: '#67727e'
  4820. - padding: 15%
  4821. value: unavailable
  4822. - styles:
  4823. card:
  4824. - background-color: '#242e42'
  4825. - border-radius: 10%
  4826. - padding: 12%
  4827. - color: ivory
  4828. - font-size: 10px
  4829. - text-shadow: 0px 0px 5px black
  4830. - text-transform: capitalize
  4831. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  4832. grid:
  4833. - grid-template-areas: '"i bright" "n n" "s s"'
  4834. - grid-template-columns: 1fr 1fr
  4835. - grid-template-rows: 1fr min-content min-content
  4836. name:
  4837. - font-weight: 300
  4838. - font-size: 10px
  4839. - color: white
  4840. - align-self: middle
  4841. - justify-self: start
  4842. state:
  4843. - font-weight: bold
  4844. - font-size: 9px
  4845. - color: white
  4846. - align-self: middle
  4847. - justify-self: start
  4848. img_cell:
  4849. - justify-content: start
  4850. - align-items: start
  4851. - margin: none
  4852. icon:
  4853. - width: 100%
  4854. - color: white
  4855. custom_fields:
  4856. bright:
  4857. - opacity: 0
  4858. - align-self: start
  4859. - justify-self: end
  4860. - border-radius: 20px
  4861. - border-style: solid
  4862. - border-width: 1px
  4863. - font-size: 10px
  4864. - font-weight: 300
  4865. - box-shadow: 2px 2px rgba(0,0,0,0.7)
  4866. - border-color: '#67727e'
  4867. - padding: 15%
  4868. value: 'on'
  4869. - type: custom:button-card
  4870. color_type: blank-card
  4871. ln:
  4872. card:
  4873. type: custom:button-card
  4874. color: transparent
  4875. name: |
  4876. [[[
  4877. return states['input_select.chr_light_room_select_second'].state;
  4878. ]]]
  4879. styles:
  4880. card:
  4881. - background-color: transparent
  4882. name:
  4883. - font-size: 18px
  4884. - font-weight: 300
  4885. - justify-self: left
  4886. - padding-left: 2%
  4887. - padding-top: 3%
  4888. - padding-bottom: 3%
  4889. - color_type: blank-card
  4890. styles:
  4891. card:
  4892. - width: 10px
  4893. type: custom:button-card
  4894. type: vertical-stack
  4895.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!