API tools faq
paste
Advertisement
caffeinated00

Full main page's code

caffeinated00
Jan 17th, 2025 (edited)
758
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 91.72 KB | None | 0 0
raw download clone embed print report
  1. type: sections
  2. max_columns: 1
  3. sections:
  4. - type: grid
  5. cards:
  6. - type: vertical-stack
  7. cards:
  8. - type: vertical-stack
  9. cards:
  10. - type: custom:bubble-card
  11. card_type: button
  12. button_type: state
  13. name: l o n d o n
  14. scrolling_effect: false
  15. show_icon: true
  16. show_name: true
  17. sub_button:
  18. - show_background: false
  19. show_state: true
  20. name: temp
  21. icon: mdi:weather-cloudy
  22. double_tap_action:
  23. action: none
  24. tap_action:
  25. action: more-info
  26. entity: sensor.pirate_weather_current_temperature
  27. show_name: true
  28. show_icon: true
  29. show_attribute: false
  30. attribute: friendly_name
  31. show_last_changed: false
  32. - name: ""
  33. show_background: false
  34. show_name: false
  35. show_state: true
  36. tap_action:
  37. action: navigate
  38. navigation_path: "#alarm"
  39. show_attribute: true
  40. entity: alarm_control_panel.first_floor
  41. icon: mdi:shield-home-outline
  42. card_layout: large-2-rows
  43. entity: weather.pirateweather
  44. styles: |-
  45. .bubble-button-card-container {
  46. background: none;
  47. margin-left: 2px;
  48. }
  49. .bubble-icon-container {
  50. background: none;
  51. border-radius: 0;
  52. --mdc-icon-size: 35px !important;
  53.  
  54. }
  55. .bubble-sub-button {
  56. font-size: 12px !important;
  57. margin-right: -16px;
  58.  
  59. }
  60. show_attribute: true
  61. attribute: apparent_temperature
  62. button_action:
  63. tap_action:
  64. action: more-info
  65. double_tap_action:
  66. action: none
  67. hold_action:
  68. action: none
  69. tap_action:
  70. action: more-info
  71. double_tap_action:
  72. action: none
  73. hold_action:
  74. action: none
  75. - type: custom:bubble-card
  76. card_type: empty-column
  77. - type: horizontal-stack
  78. cards:
  79. - type: custom:mushroom-template-card
  80. secondary: ""
  81. icon: mdi:server-network
  82. icon_color: >
  83. {{ 'red' if is_state('binary_sensor.pvecheck', 'on') else
  84. '#7A7275' }}
  85. primary: HomeLab
  86. layout: vertical
  87. tap_action:
  88. action: navigate
  89. navigation_path: homelab
  90. double_tap_action:
  91. action: navigate
  92. navigation_path: http://192.168.68.112:3000
  93. - type: custom:mushroom-template-card
  94. primary: Lights
  95. secondary: ""
  96. icon: mdi:lightbulb-multiple-outline
  97. icon_color: "#cc5500"
  98. layout: vertical
  99. tap_action:
  100. action: navigate
  101. navigation_path: lights
  102. hold_action:
  103. action: call-service
  104. service: light.turn_off
  105. target:
  106. entity_id: all
  107. - type: custom:mushroom-template-card
  108. primary: Security
  109. secondary: ""
  110. icon: >-
  111. {{ 'mdi:shield-alert' if is_state('binary_sensor.waterleakalert',
  112. 'on') else "mdi:shield-check" }}
  113. icon_color: >-
  114. {{ 'red' if is_state('binary_sensor.waterleakalert', 'on') else
  115. '#679db1' }}
  116. layout: vertical
  117. tap_action:
  118. action: navigate
  119. navigation_path: security
  120. double_tap_action:
  121. action: url
  122. url_path: http://192.168.68.112:3000
  123. - type: custom:mushroom-template-card
  124. primary: Energy
  125. secondary: ""
  126. icon: mdi:lightning-bolt
  127. layout: vertical
  128. tap_action:
  129. action: navigate
  130. navigation_path: energy
  131. icon_color: "#7EBE7A"
  132. - type: horizontal-stack
  133. cards:
  134. - event_grouping: false
  135. drop_todayevents_from: "10:00:00"
  136. next_days: 7
  137. pattern:
  138. - icon: mdi:trash-can-outline
  139. color: cyan
  140. type: others
  141. day_style: counter
  142. card_style: chip
  143. alignment_style: right
  144. color_mode: icon
  145. items_per_row: 1
  146. refresh_rate: 600
  147. with_label: false
  148. type: custom:trash-card
  149. entities:
  150. - calendar.trash_collect_day
  151. only_all_day_events: true
  152. - type: horizontal-stack
  153. cards:
  154. - event_grouping: false
  155. drop_todayevents_from: "10:00:00"
  156. next_days: 14
  157. pattern:
  158. - icon: mdi:recycle
  159. color: green
  160. type: others
  161. day_style: counter
  162. card_style: chip
  163. alignment_style: left
  164. color_mode: icon
  165. items_per_row: 1
  166. refresh_rate: 600
  167. with_label: false
  168. type: custom:trash-card
  169. entities:
  170. - calendar.recycle
  171. - type: custom:bubble-card
  172. card_type: separator
  173. sub_button:
  174. - name: MQTT
  175. show_name: false
  176. icon: mdi:message-bookmark-outline
  177. tap_action:
  178. action: navigate
  179. navigation_path: >-
  180. http://192.168.68.106:8123/config/devices/dashboard?historyBack=1&config_entry=01JCH60R41C0P21M1G5KP5K4VW
  181. double_tap_action:
  182. action: navigate
  183. navigation_path: http://192.168.68.106:8123/dashboard-mushroom/1
  184. - show_name: false
  185. name: Automations
  186. icon: mdi:home-automation
  187. tap_action:
  188. action: navigate
  189. navigation_path: /dashboard-mushroom/automations
  190. double_tap_action:
  191. action: navigate
  192. navigation_path: http://192.168.68.106:8123/config/automation/dashboard
  193. - icon: mdi:devices
  194. name: Integrations
  195. show_name: false
  196. tap_action:
  197. action: navigate
  198. navigation_path: http://192.168.68.106:8123/config/integrations/dashboard
  199. show_state: false
  200. styles: |-
  201. .bubble-line {
  202. background-color: red !important;
  203. opacity: 0.1;
  204. - type: custom:bubble-card
  205. card_type: separator
  206. name: h o m e
  207. icon: mdi:hoop-house
  208. sub_button:
  209. - show_state: true
  210. entity: sensor.xcel_itron_5_instantaneous_demand_value
  211. show_background: false
  212. show_name: false
  213. show_last_changed: false
  214. tap_action:
  215. action: navigate
  216. navigation_path: /dashboard-mushroom/energy
  217. - icon: mdi:power-standby
  218. double_tap_action:
  219. action: perform-action
  220. perform_action: homeassistant.restart
  221. target: {}
  222. styles: |-
  223. .bubble-line {
  224. background-color: black !important;
  225. opacity: 0.1;
  226. }
  227. - type: horizontal-stack
  228. cards:
  229. - type: custom:stack-in-card
  230. mode: horizontal
  231. cards:
  232. - type: vertical-stack
  233. cards:
  234. - type: custom:mushroom-template-card
  235. primary: Living Room
  236. secondary: >-
  237. {{ states('sensor.living_room_temperature')|round(2) }}°F
  238. | {{ states('sensor.living_room_humidity')|round(2) }}%
  239. card_mod:
  240. style:
  241. mushroom-shape-icon$: |
  242. .shape {
  243. display: none !important;
  244. }
  245. .: |
  246. ha-card {
  247. border: 0px;
  248. padding-left: 5px;
  249. padding-top: 5px;
  250. width: 500px;
  251. }
  252. - type: custom:mushroom-template-card
  253. entity: light.family_light
  254. layout: horizontal
  255. icon: mdi:sofa
  256. hold_action:
  257. action: more-info
  258. icon_color: >-
  259. {% if is_state('light.family_light', 'on') %} #72A0BE {%
  260. else %} #7A7A7F {% endif %}
  261. primary_info: none
  262. secondary_info: none
  263. card_mod:
  264. style:
  265. mushroom-shape-icon$: |
  266. .shape {
  267. --icon-size: 135px;
  268. }
  269. .: |
  270. ha-card {
  271. border: 0px;
  272. margin-left: -30px;
  273. margin-top: -15px;
  274.  
  275. }
  276. - type: custom:mushroom-chips-card
  277. chips:
  278. - type: template
  279. entity: light.black_lamp
  280. tap_action:
  281. action: toggle
  282. hold_action:
  283. action: more-info
  284. double_tap_action:
  285. action: more-info
  286. icon: mdi:floor-lamp-dual-outline
  287. card_mod:
  288. style: |
  289. ha-card {
  290. --chip-background: {% if is_state('light.black_lamp', 'on') %} #E3C8C4 {% else %} #353535 {% endif %};
  291. --color: {% if is_state('light.black_lamp', 'on') %} #433752 {% else %} #DBDBDB {% endif %};
  292. justify-content: center;
  293. height: 35px !important;
  294. width: 35px !important;
  295. border: 0 !important;
  296. box-shadow: none !important;
  297. border-radius: 22px !important;
  298. }
  299. - type: template
  300. entity: switch.black_cabinet_plug_zb
  301. tap_action:
  302. action: toggle
  303. hold_action:
  304. action: more-info
  305. double_tap_action:
  306. action: more-info
  307. icon: mdi:leaf
  308. card_mod:
  309. style: |
  310. ha-card {
  311. --chip-background: {% if is_state('switch.black_cabinet_plug_zb', 'on') %} #98A8A2 {% else %} #353535 {% endif %};
  312. --color: {% if is_state('switch.black_cabinet_plug_zb', 'on') %} #4E6365 {% else %} #DBDBDB {% endif %};
  313. justify-content: center;
  314. height: 35px !important;
  315. width: 35px !important;
  316. border: 0 !important;
  317. box-shadow: none !important;
  318. border-radius: 22px !important;
  319. }
  320. - type: template
  321. entity: light.fish_tank_bulb_zb
  322. tap_action:
  323. action: toggle
  324. hold_action:
  325. action: more-info
  326. double_tap_action:
  327. action: more-info
  328. icon: mdi:fish
  329. card_mod:
  330. style: |
  331. ha-card {
  332. --chip-background: {% if is_state('light.fish_tank_bulb_zb', 'on') %} #72A0BE {% else %} #353535 {% endif %};
  333. --color: {% if is_state('light.fish_tank_bulb_zb', 'on') %} #3A507B {% else %} #DBDBDB {% endif %};
  334. justify-content: center;
  335. height: 35px !important;
  336. width: 35px !important;
  337. border: 0 !important;
  338. box-shadow: none !important;
  339. border-radius: 22px !important;
  340. }
  341. - type: template
  342. tap_action:
  343. action: perform-action
  344. perform_action: switch.turn_on
  345. target:
  346. entity_id: switch.apple_tv_3rd_128_110_aed4_turn_on
  347. hold_action:
  348. action: none
  349. double_tap_action:
  350. action: perform-action
  351. perform_action: switch.turn_on
  352. target:
  353. entity_id: switch.apple_tv_3rd_128_110_aed4_turn_off
  354. icon: mdi:monitor
  355. card_mod:
  356. style: |
  357. ha-card {
  358. --chip-background: {% if is_state('media_player.sony_tv_hk_direct_television', 'on') %} #BB6052 {% else %} #353535 {% endif %};
  359. --color: {% if is_state('media_player.sony_tv_hk_direct_television', 'on') %} #793C3C {% else %} #DBDBDB {% endif %};
  360. justify-content: center;
  361. height: 35px !important;
  362. width: 35px !important;
  363. border: 0 !important;
  364. box-shadow: none !important;
  365. border-radius: 22px !important;
  366. }
  367. card_mod:
  368. style: |
  369. .chip-container {
  370. flex-flow: column wrap-reverse !important;
  371. display: flex !important;
  372. --chip-spacing: 8px;
  373. margin: 12px;
  374. }
  375. .: |
  376. .container {
  377. align: end;
  378. }
  379. card_mod:
  380. style: |
  381. ha-card {
  382. max-width: 100%;
  383. min-width: 50%;
  384. height: 186px;
  385. }
  386. grid_options:
  387. columns: 6
  388. rows: 3
  389. - type: horizontal-stack
  390. cards:
  391. - type: custom:stack-in-card
  392. mode: horizontal
  393. cards:
  394. - type: vertical-stack
  395. cards:
  396. - type: custom:mushroom-template-card
  397. primary: Kitchen
  398. entity: light.kitchen_dimmer
  399. tap_action:
  400. action: navigate
  401. navigation_path: kitchen
  402. secondary: >-
  403. {{ (states('sensor.kitchen_outlet_fellow_15_1d') | float +
  404. states('sensor.mudroom_5_1d') | float +
  405. states('sensor.fridge_12_1d') | float +
  406. states('sensor.microwave_6_1d') | float +
  407. states('sensor.oven_2_1d') | float) | round(2) }} kWh
  408. card_mod:
  409. style:
  410. mushroom-shape-icon$: |
  411. .shape {
  412. display: none !important;
  413. }
  414. .: |
  415. ha-card {
  416.  
  417. border: 0px;
  418. padding-left: 5px;
  419. padding-top: 5px;
  420. width: 500px;
  421. }
  422. - type: custom:mushroom-template-card
  423. entity: light.kitchen_dimmer
  424. layout: horizontal
  425. icon: >
  426. {% if is_state('switch.coffee_zb', 'on') %}
  427. mdi:coffee-outline
  428. {% elif is_state('input_boolean.dishwasher_boolean', 'on')
  429. %}
  430. mdi:dishwasher
  431. {% else %}
  432. mdi:coffee-maker-outline
  433. {% endif %}
  434. tap_action:
  435. action: toggle
  436. hold_action:
  437. action: more-info
  438. double_tap_action:
  439. action: more-info
  440. icon_color: >-
  441. {% if is_state('light.kitchen_dimmer', 'on') %}
  442. #A692B9
  443. {% elif is_state('input_boolean.dishwasher_boolean', 'on')
  444. %}
  445. #A697C1
  446. {% else %}
  447. #7A7A7F
  448. {% endif %}
  449. primary_info: none
  450. secondary_info: none
  451. card_mod:
  452. style:
  453. mushroom-shape-icon$: |
  454. .shape {
  455. --icon-size: 135px;
  456. }
  457. .: |
  458. ha-card {
  459. border: 0px;
  460. margin-left: -30px;
  461. margin-top: -15px;
  462.  
  463. }
  464. - type: custom:mushroom-chips-card
  465. chips:
  466. - type: template
  467. entity: light.wled
  468. tap_action:
  469. action: toggle
  470. hold_action:
  471. action: more-info
  472. double_tap_action:
  473. action: more-info
  474. icon: mdi:led-strip-variant
  475. card_mod:
  476. style: |
  477. ha-card {
  478. --chip-background: {% if is_state('light.wled', 'on') %} #679DB1 {% else %} #353535 {% endif %};
  479. --color: {% if is_state('light.wled', 'on') %} #35515B {% else %} #DBDBDB {% endif %};
  480. justify-content: center;
  481. height: 35px !important;
  482. width: 35px !important;
  483. border: 0 !important;
  484. box-shadow: none !important;
  485. border-radius: 22px !important;
  486. }
  487. - type: template
  488. entity: light.smart_dining_light
  489. tap_action:
  490. action: toggle
  491. hold_action:
  492. action: more-info
  493. double_tap_action:
  494. action: more-info
  495. icon: mdi:silverware-fork-knife
  496. card_mod:
  497. style: |
  498. ha-card {
  499. --chip-background: {% if is_state('light.smart_dining_light', 'on') %} #D2A7A7 {% else %} #353535 {% endif %};
  500. --color: {% if is_state('light.smart_dining_light', 'on') %} #715A5A {% else %} #DBDBDB {% endif %};
  501. justify-content: center;
  502. height: 35px !important;
  503. width: 35px !important;
  504. border: 0 !important;
  505. box-shadow: none !important;
  506. border-radius: 22px !important;
  507. }
  508. - type: template
  509. entity: switch.kitchen_cabinet_light
  510. tap_action:
  511. action: toggle
  512. hold_action:
  513. action: more-info
  514. double_tap_action:
  515. action: more-info
  516. icon: mdi:pot-mix
  517. card_mod:
  518. style: |
  519. ha-card {
  520. --chip-background: {% if is_state('switch.kitchen_cabinet_light', 'on') %} #DB9D54 {% else %} #353535 {% endif %};
  521. --color: {% if is_state('switch.kitchen_cabinet_light', 'on') %} #95712E {% else %} #DBDBDB {% endif %};
  522. justify-content: center;
  523. height: 35px !important;
  524. width: 35px !important;
  525. border: 0 !important;
  526. box-shadow: none !important;
  527. border-radius: 22px !important;
  528. }
  529. - type: template
  530. entity: switch.coffee_zb
  531. tap_action:
  532. action: toggle
  533. confirmation:
  534. text: Do you want to toggle on Coffee machine?
  535. hold_action:
  536. action: none
  537. double_tap_action:
  538. action: none
  539. icon: mdi:coffee-outline
  540. card_mod:
  541. style: |
  542. ha-card {
  543. --chip-background: {% if is_state('switch.coffee_zb', 'on') %} #AD7D79 {% else %} #353535 {% endif %};
  544. --color: {% if is_state('switch.coffee_zb', 'on') %} #50443F {% else %} #DBDBDB {% endif %};
  545. justify-content: center;
  546. height: 35px !important;
  547. width: 35px !important;
  548. border: 0 !important;
  549. box-shadow: none !important;
  550. border-radius: 22px !important;
  551. }
  552. card_mod:
  553. style: |
  554. .chip-container {
  555. flex-flow: column wrap-reverse !important;
  556. display: flex !important;
  557. --chip-spacing: 8px;
  558. margin: 12px;
  559. }
  560. .: |
  561. .container {
  562. align: end;
  563. }
  564. card_mod:
  565. style: |
  566. ha-card {
  567. max-width: 100%;
  568. min-width: 50%;
  569. height: 186px;
  570. }
  571. grid_options:
  572. columns: 6
  573. rows: 3
  574. - type: horizontal-stack
  575. cards:
  576. - type: custom:stack-in-card
  577. mode: horizontal
  578. cards:
  579. - type: vertical-stack
  580. cards:
  581. - type: custom:mushroom-template-card
  582. primary: Jungle
  583. entity: switch.office_light_zb
  584. tap_action:
  585. action: navigate
  586. navigation_path: jungle
  587. secondary: "{{ states('sensor.jungle_14_1d')|round(2) }} kWh "
  588. card_mod:
  589. style:
  590. mushroom-shape-icon$: |
  591. .shape {
  592. display: none !important;
  593. }
  594. .: |
  595. ha-card {
  596. border: 0px;
  597. padding-left: 5px;
  598. padding-top: 5px;
  599. width: 500px;
  600. }
  601. - type: custom:mushroom-template-card
  602. entity: switch.office_light_zb
  603. layout: horizontal
  604. icon: mdi:door-sliding
  605. tap_action:
  606. action: toggle
  607. hold_action:
  608. action: more-info
  609. double_tap_action:
  610. action: none
  611. icon_color: >-
  612. {% if is_state('switch.office_light_zb', 'on') %} #50795D
  613. {% elif is_state('light.loan_closet_bulb_zb', 'on') %}
  614. #EDAB73
  615. {% else %}
  616. #7A7A7F {% endif %}
  617. primary_info: none
  618. secondary_info: none
  619. card_mod:
  620. style:
  621. mushroom-shape-icon$: |
  622. .shape {
  623. --icon-size: 135px;
  624. }
  625. .: |
  626. ha-card {
  627. border: 0px;
  628. margin-left: -30px;
  629. margin-top: -15px;
  630.  
  631. }
  632. - type: custom:mushroom-chips-card
  633. chips:
  634. - type: template
  635. entity: switch.office_light_zb
  636. tap_action:
  637. action: toggle
  638. hold_action:
  639. action: none
  640. double_tap_action:
  641. action: none
  642. icon: mdi:ceiling-light
  643. card_mod:
  644. style: |
  645. ha-card {
  646. --chip-background: {% if is_state('switch.office_light_zb', 'on') %} #A8BDA7 {% else %} #353535 {% endif %};
  647. --color: {% if is_state('switch.office_light_zb', 'on') %} #304838 {% else %} #DBDBDB {% endif %};
  648. justify-content: center;
  649. height: 35px !important;
  650. width: 35px !important;
  651. border: 0 !important;
  652. box-shadow: none !important;
  653. border-radius: 22px !important;
  654. }
  655. - type: template
  656. entity: switch.white_cabinet_zb
  657. tap_action:
  658. action: toggle
  659. hold_action:
  660. action: none
  661. double_tap_action:
  662. action: none
  663. icon: mdi:sprout
  664. card_mod:
  665. style: |
  666. ha-card {
  667. --chip-background: {% if is_state('switch.white_cabinet_zb', 'on') %} #949B83 {% else %} #353535 {% endif %};
  668. --color: {% if is_state('switch.white_cabinet_zb', 'on') %} #565B32 {% else %} #DBDBDB {% endif %};
  669. justify-content: center;
  670. height: 35px !important;
  671. width: 35px !important;
  672. border: 0 !important;
  673. box-shadow: none !important;
  674. border-radius: 22px !important;
  675. }
  676. - type: template
  677. entity: light.loan_closet_bulb_zb
  678. tap_action:
  679. action: toggle
  680. hold_action:
  681. action: none
  682. double_tap_action:
  683. action: none
  684. icon: mdi:wardrobe-outline
  685. card_mod:
  686. style: |
  687. ha-card {
  688. --chip-background: {% if is_state('light.loan_closet_bulb_zb', 'on') %} #805139 {% else %} #353535 {% endif %};
  689. --color: {% if is_state('light.loan_closet_bulb_zb', 'on') %} #CD825C {% else %} #DBDBDB {% endif %};
  690. justify-content: center;
  691. height: 35px !important;
  692. width: 35px !important;
  693. border: 0 !important;
  694. box-shadow: none !important;
  695. border-radius: 22px !important;
  696. }
  697. card_mod:
  698. style: |
  699. .chip-container {
  700. flex-flow: column wrap-reverse !important;
  701. display: flex !important;
  702. --chip-spacing: 8px;
  703. margin: 12px;
  704. }
  705. .: |
  706. .container {
  707. align: end;
  708. }
  709. card_mod:
  710. style: |
  711. ha-card {
  712. max-width: 100%;
  713. min-width: 50%;
  714. height: 186px;
  715. }
  716. grid_options:
  717. columns: 6
  718. rows: 3
  719. - type: horizontal-stack
  720. cards:
  721. - type: custom:stack-in-card
  722. mode: horizontal
  723. cards:
  724. - type: vertical-stack
  725. cards:
  726. - type: custom:mushroom-template-card
  727. primary: Doggies' Water
  728. entity: light.mud_room_bulb_zb
  729. tap_action:
  730. action: none
  731. secondary: hidden
  732. card_mod:
  733. style:
  734. mushroom-state-info$: |
  735. .secondary {
  736. visibility: hidden; # Hide the secondary text
  737. }
  738. mushroom-shape-icon$: |
  739. .shape {
  740. display: none !important;
  741. }
  742. .: |
  743. ha-card {
  744. border: 0px;
  745. padding-left: 5px;
  746. padding-top: 5px;
  747. width: 500px;
  748. }
  749. - type: custom:mushroom-template-card
  750. entity: light.garage_light_outlet_2
  751. layout: horizontal
  752. icon: mdi:dog
  753. tap_action:
  754. action: none
  755. hold_action:
  756. action: none
  757. double_tap_action:
  758. action: none
  759. icon_color: >-
  760. {% if is_state('binary_sensor.truffle_water_bowl_zb',
  761. 'off') or is_state('binary_sensor.gnocchi_water_bowl_zb',
  762. 'off') %} #ED9494 {% else %} #7A7A7F {% endif %}
  763. primary_info: none
  764. secondary_info: none
  765. card_mod:
  766. style:
  767. mushroom-shape-icon$: |
  768. .shape {
  769. --icon-size: 135px;
  770. }
  771. .: |
  772. ha-card {
  773. border: 0px;
  774. margin-left: -30px;
  775. margin-top: -15px;
  776.  
  777. }
  778. - type: custom:mushroom-chips-card
  779. chips:
  780. - type: template
  781. entity: binary_sensor.truffle_water_bowl_zb
  782. tap_action:
  783. action: none
  784. hold_action:
  785. action: none
  786. double_tap_action:
  787. action: none
  788. icon: mdi:mushroom
  789. card_mod:
  790. style: |
  791. ha-card {
  792. --chip-background: {% if is_state('binary_sensor.truffle_water_bowl_zb', 'on') %} #CEADB3 {% else %} #353535 {% endif %};
  793. --color: {% if is_state('binary_sensor.truffle_water_bowl_zb', 'on') %} #9F6E60 {% else %} #DBDBDB {% endif %};
  794. justify-content: center;
  795. height: 35px !important;
  796. width: 35px !important;
  797. border: 0 !important;
  798. box-shadow: none !important;
  799. border-radius: 22px !important;
  800. }
  801. - type: template
  802. entity: binary_sensor.gnocchi_water_bowl_zb
  803. tap_action:
  804. action: none
  805. hold_action:
  806. action: none
  807. double_tap_action:
  808. action: none
  809. icon: mdi:dog-side
  810. card_mod:
  811. style: |
  812. ha-card {
  813. --chip-background: {% if is_state('binary_sensor.gnocchi_water_bowl_zb', 'on') %} #85B0E6 {% else %} #353535 {% endif %};
  814. --color: {% if is_state('binary_sensor.gnocchi_water_bowl_zb', 'on') %} #4D6685 {% else %} #DBDBDB {% endif %};
  815. justify-content: center;
  816. height: 35px !important;
  817. width: 35px !important;
  818. border: 0 !important;
  819. box-shadow: none !important;
  820. border-radius: 22px !important;
  821. }
  822. card_mod:
  823. style: |
  824. .chip-container {
  825. flex-flow: column wrap-reverse !important;
  826. display: flex !important;
  827. --chip-spacing: 8px;
  828. margin: 12px;
  829. }
  830. .: |
  831. .container {
  832. align: end;
  833. }
  834. card_mod:
  835. style: |
  836. ha-card {
  837. max-width: 100%;
  838. min-width: 50%;
  839. height: 186px;
  840. }
  841. grid_options:
  842. columns: 6
  843. rows: 3
  844. - type: horizontal-stack
  845. cards:
  846. - type: custom:stack-in-card
  847. mode: horizontal
  848. cards:
  849. - type: vertical-stack
  850. cards:
  851. - type: custom:mushroom-template-card
  852. primary: Master Bathroom
  853. entity: light.bathroom_dimmer
  854. tap_action:
  855. action: navigate
  856. navigation_path: masterbath
  857. secondary: >-
  858. {{
  859. states('sensor.aqara_temp_humidity_sensor_temperature')|round(2)
  860. }}°F | {{
  861. states('sensor.aqara_temp_humidity_sensor_humidity')|round(2)
  862. }}%
  863. card_mod:
  864. style:
  865. mushroom-shape-icon$: |
  866. .shape {
  867. display: none !important;
  868. }
  869. .: |
  870. ha-card {
  871. border: 0px;
  872. padding-left: 5px;
  873. padding-top: 5px;
  874. width: 500px;
  875. }
  876. - type: custom:mushroom-template-card
  877. entity: light.bathroom_dimmer
  878. layout: horizontal
  879. icon: mdi:shower
  880. hold_action:
  881. action: more-info
  882. icon_color: >-
  883. {% if is_state('light.bathroom_dimmer', 'on') %} #EFA492
  884. {% elif is_state('light.master_toilet_bulb_zb', 'on') %}
  885. #B39CC9 {% else %}
  886. #7A7A7F
  887. {% endif %}
  888. primary_info: none
  889. secondary_info: none
  890. card_mod:
  891. style:
  892. mushroom-shape-icon$: |
  893. .shape {
  894. --icon-size: 135px;
  895. }
  896. .: |
  897. ha-card {
  898. border: 0px;
  899. margin-left: -30px;
  900. margin-top: -15px;
  901.  
  902. }
  903. - type: custom:mushroom-chips-card
  904. chips:
  905. - type: template
  906. entity: light.bathroom_dimmer
  907. tap_action:
  908. action: toggle
  909. hold_action:
  910. action: more-info
  911. double_tap_action:
  912. action: more-info
  913. icon: mdi:shower
  914. card_mod:
  915. style: |
  916. ha-card {
  917. --chip-background: {% if is_state('light.bathroom_dimmer', 'on') %} #EFA492 {% else %} #353535 {% endif %};
  918. --color: {% if is_state('light.bathroom_dimmer', 'on') %} #856565 {% else %} #DBDBDB {% endif %};
  919. justify-content: center;
  920. height: 35px !important;
  921. width: 35px !important;
  922. border: 0 !important;
  923. box-shadow: none !important;
  924. border-radius: 22px !important;
  925. }
  926. - type: template
  927. entity: light.master_toilet_bulb_zb
  928. tap_action:
  929. action: toggle
  930. hold_action:
  931. action: more-info
  932. double_tap_action:
  933. action: more-info
  934. icon: mdi:toilet
  935. card_mod:
  936. style: |
  937. ha-card {
  938. --chip-background: {% if is_state('light.master_toilet_bulb_zb', 'on') %} #A699C0 {% else %} #353535 {% endif %};
  939. --color: {% if is_state('light.master_toilet_bulb_zb', 'on') %} #4D4356 {% else %} #DBDBDB {% endif %};
  940. justify-content: center;
  941. height: 35px !important;
  942. width: 35px !important;
  943. border: 0 !important;
  944. box-shadow: none !important;
  945. border-radius: 22px !important;
  946. }
  947. - type: template
  948. entity: binary_sensor.screek_human_sensor_2a_d3c6a4_zone1_presence
  949. tap_action:
  950. action: more-info
  951. hold_action:
  952. action: none
  953. double_tap_action:
  954. action: none
  955. icon: mdi:shower-head
  956. card_mod:
  957. style: |
  958. ha-card {
  959. --chip-background: {% if is_state('binary_sensor.screek_human_sensor_2a_d3c6a4_zone1_presence', 'on') %} #3C5D4A {% else %} #353535 {% endif %};
  960. --color: {% if is_state('binary_sensor.screek_human_sensor_2a_d3c6a4_zone1_presence', 'on') %} #A1B8A3 {% else %} #DBDBDB {% endif %};
  961. justify-content: center;
  962. height: 35px !important;
  963. width: 35px !important;
  964. border: 0 !important;
  965. box-shadow: none !important;
  966. border-radius: 22px !important;
  967. }
  968. - type: template
  969. entity: binary_sensor.master_bath_motion_zb_occupancy
  970. tap_action:
  971. action: more-info
  972. hold_action:
  973. action: none
  974. double_tap_action:
  975. action: none
  976. icon: mdi:motion-sensor
  977. card_mod:
  978. style: |
  979. ha-card {
  980. --chip-background: {% if is_state('binary_sensor.master_bath_motion_zb_occupancy', 'on') %} #415671 {% else %} #353535 {% endif %};
  981. --color: {% if is_state('binary_sensor.master_bath_motion_zb_occupancy', 'on') %} #97B4C2 {% else %} #DBDBDB {% endif %};
  982. justify-content: center;
  983. height: 35px !important;
  984. width: 35px !important;
  985. border: 0 !important;
  986. box-shadow: none !important;
  987. border-radius: 22px !important;
  988. }
  989. card_mod:
  990. style: |
  991. .chip-container {
  992. flex-flow: column wrap-reverse !important;
  993. display: flex !important;
  994. --chip-spacing: 8px;
  995. margin: 12px;
  996. }
  997. .: |
  998. .container {
  999. align: end;
  1000. }
  1001. card_mod:
  1002. style: |
  1003. ha-card {
  1004. max-width: 100%;
  1005. min-width: 50%;
  1006. height: 186px;
  1007. }
  1008. grid_options:
  1009. columns: 6
  1010. rows: 3
  1011. - type: horizontal-stack
  1012. cards:
  1013. - type: custom:stack-in-card
  1014. mode: horizontal
  1015. cards:
  1016. - type: vertical-stack
  1017. cards:
  1018. - type: custom:mushroom-template-card
  1019. primary: Master Bedroom
  1020. secondary: >-
  1021. {{ states('sensor.h5105_4f36_temperature')|round(2) }}°F |
  1022. {{ states('sensor.h5105_4f36_humidity')|round(2) }}%
  1023. card_mod:
  1024. style:
  1025. mushroom-shape-icon$: |
  1026. .shape {
  1027. display: none !important;
  1028. }
  1029. .: |
  1030. ha-card {
  1031.  
  1032. border: 0px;
  1033. padding-left: 5px;
  1034. padding-top: 5px;
  1035. width: 500px;
  1036. }
  1037. - type: custom:mushroom-template-card
  1038. entity: switch.night_stand_zb
  1039. layout: horizontal
  1040. icon: mdi:weather-night
  1041. tap_action:
  1042. action: toggle
  1043. hold_action:
  1044. action: more-info
  1045. double_tap_action:
  1046. action: more-info
  1047. icon_color: >-
  1048. {% if is_state('switch.night_stand_zb', 'on') or
  1049. is_state('light.master_bedroom_floor_lamp_zb', 'on') %}
  1050. #c5bded
  1051. {% else %}
  1052. #7A7A7F
  1053. {% endif %}
  1054. primary_info: none
  1055. secondary_info: none
  1056. card_mod:
  1057. style:
  1058. mushroom-shape-icon$: |
  1059. .shape {
  1060. --icon-size: 135px;
  1061. }
  1062. .: |
  1063. ha-card {
  1064. border: 0px;
  1065. margin-left: -30px;
  1066. margin-top: -15px;
  1067.  
  1068. }
  1069. - type: custom:mushroom-chips-card
  1070. chips:
  1071. - type: template
  1072. entity: switch.night_stand_zb
  1073. tap_action:
  1074. action: toggle
  1075. hold_action:
  1076. action: more-info
  1077. double_tap_action:
  1078. action: more-info
  1079. icon: mdi:lamp
  1080. card_mod:
  1081. style: |
  1082. ha-card {
  1083. --chip-background: {% if is_state('switch.night_stand_zb', 'on') %} #B7B5DD {% else %} #353535 {% endif %};
  1084. --color: {% if is_state('switch.night_stand_zb', 'on') %} #65647A {% else %} #DBDBDB {% endif %};
  1085. justify-content: center;
  1086. height: 35px !important;
  1087. width: 35px !important;
  1088. border: 0 !important;
  1089. box-shadow: none !important;
  1090. border-radius: 22px !important;
  1091. }
  1092. - type: template
  1093. entity: light.master_bedroom_floor_lamp_zb
  1094. tap_action:
  1095. action: toggle
  1096. hold_action:
  1097. action: more-info
  1098. double_tap_action:
  1099. action: none
  1100. icon: mdi:desk-lamp
  1101. card_mod:
  1102. style: |
  1103. ha-card {
  1104. --chip-background: {% if is_state('light.master_bedroom_floor_lamp_zb', 'on') %} #323264 {% else %} #353535 {% endif %};
  1105. --color: {% if is_state('light.master_bedroom_floor_lamp_zb', 'on') %} #E3C8C4 {% else %} #DBDBDB {% endif %};
  1106. justify-content: center;
  1107. height: 35px !important;
  1108. width: 35px !important;
  1109. border: 0 !important;
  1110. box-shadow: none !important;
  1111. border-radius: 22px !important;
  1112. }
  1113. - type: template
  1114. entity: binary_sensor.master_bedroom_contact_contact
  1115. tap_action:
  1116. action: more-info
  1117. hold_action:
  1118. action: none
  1119. double_tap_action:
  1120. action: none
  1121. icon: mdi:door-closed
  1122. card_mod:
  1123. style: |
  1124. ha-card {
  1125. --chip-background: {% if is_state('binary_sensor.master_bedroom_contact_contact', 'on') %} #9A8BAA {% else %} #353535 {% endif %};
  1126. --color: {% if is_state('binary_sensor.master_bedroom_contact_contact', 'on') %} #574F60 {% else %} #DBDBDB {% endif %};
  1127. justify-content: center;
  1128. height: 35px !important;
  1129. width: 35px !important;
  1130. border: 0 !important;
  1131. box-shadow: none !important;
  1132. border-radius: 22px !important;
  1133. }
  1134. card_mod:
  1135. style: |
  1136. .chip-container {
  1137. flex-flow: column wrap-reverse !important;
  1138. display: flex !important;
  1139. --chip-spacing: 8px;
  1140. margin: 12px;
  1141. }
  1142. .: |
  1143. .container {
  1144. align: end;
  1145. }
  1146. card_mod:
  1147. style: |
  1148. ha-card {
  1149. max-width: 100%;
  1150. min-width: 50%;
  1151. height: 186px;
  1152. }
  1153. grid_options:
  1154. columns: 6
  1155. rows: 3
  1156. - type: horizontal-stack
  1157. cards:
  1158. - type: custom:stack-in-card
  1159. mode: horizontal
  1160. cards:
  1161. - type: vertical-stack
  1162. cards:
  1163. - type: custom:mushroom-template-card
  1164. primary: Garage
  1165. entity: light.garage_light_outlet_2
  1166. tap_action:
  1167. action: navigate
  1168. navigation_path: tesla
  1169. secondary: "{{ states('sensor.tesla_9_1d')|round(2) }} kWh "
  1170. card_mod:
  1171. style:
  1172. mushroom-shape-icon$: |
  1173. .shape {
  1174. display: none !important;
  1175. }
  1176. .: |
  1177. ha-card {
  1178. border: 0px;
  1179. padding-left: 5px;
  1180. padding-top: 5px;
  1181. width: 500px;
  1182. }
  1183. - type: custom:mushroom-template-card
  1184. entity: light.garage_light_outlet_2
  1185. layout: horizontal
  1186. icon: mdi:garage
  1187. tap_action:
  1188. action: toggle
  1189. hold_action:
  1190. action: more-info
  1191. double_tap_action:
  1192. action: none
  1193. icon_color: >-
  1194. {% if is_state('light.garage_light_outlet_2', 'on') %}
  1195. #E8C171 {% else %} #7A7A7F {% endif %}
  1196. primary_info: none
  1197. secondary_info: none
  1198. card_mod:
  1199. style:
  1200. mushroom-shape-icon$: |
  1201. .shape {
  1202. --icon-size: 135px;
  1203. }
  1204. .: |
  1205. ha-card {
  1206. border: 0px;
  1207. margin-left: -30px;
  1208. margin-top: -15px;
  1209.  
  1210. }
  1211. - type: custom:mushroom-chips-card
  1212. chips:
  1213. - type: template
  1214. entity: light.garage_light_outlet_2
  1215. tap_action:
  1216. action: toggle
  1217. hold_action:
  1218. action: none
  1219. double_tap_action:
  1220. action: none
  1221. icon: mdi:ceiling-light
  1222. card_mod:
  1223. style: |
  1224. ha-card {
  1225. --chip-background: {% if is_state('light.garage_light_outlet_2', 'on') %} #E8C171 {% else %} #353535 {% endif %};
  1226. --color: {% if is_state('light.garage_light_outlet_2', 'on') %} #9C6B30 {% else %} #DBDBDB {% endif %};
  1227. justify-content: center;
  1228. height: 35px !important;
  1229. width: 35px !important;
  1230. border: 0 !important;
  1231. box-shadow: none !important;
  1232. border-radius: 22px !important;
  1233. }
  1234. - type: template
  1235. entity: device_tracker.tesla_location
  1236. tap_action:
  1237. action: navigate
  1238. navigation_path: /dashboard-mushroom/tesla
  1239. hold_action:
  1240. action: none
  1241. double_tap_action:
  1242. action: none
  1243. icon: mdi:car-sports
  1244. card_mod:
  1245. style: |
  1246. ha-card {
  1247. --chip-background: {% if is_state('device_tracker.tesla_location', 'home') %} #CDC2B6 {% else %} #353535 {% endif %};
  1248. --color: {% if is_state('device_tracker.tesla_location', 'home') %} #363F3D {% else %} #DBDBDB {% endif %};
  1249. justify-content: center;
  1250. height: 35px !important;
  1251. width: 35px !important;
  1252. border: 0 !important;
  1253. box-shadow: none !important;
  1254. border-radius: 22px !important;
  1255. }
  1256. card_mod:
  1257. style: |
  1258. .chip-container {
  1259. flex-flow: column wrap-reverse !important;
  1260. display: flex !important;
  1261. --chip-spacing: 8px;
  1262. margin: 12px;
  1263. }
  1264. .: |
  1265. .container {
  1266. align: end;
  1267. }
  1268. card_mod:
  1269. style: |
  1270. ha-card {
  1271. max-width: 100%;
  1272. min-width: 50%;
  1273. height: 186px;
  1274. }
  1275. grid_options:
  1276. columns: 6
  1277. rows: 3
  1278. - type: horizontal-stack
  1279. cards:
  1280. - type: custom:stack-in-card
  1281. mode: horizontal
  1282. cards:
  1283. - type: vertical-stack
  1284. cards:
  1285. - type: custom:mushroom-template-card
  1286. primary: Office
  1287. entity: switch.adguard_protection
  1288. tap_action:
  1289. action: navigate
  1290. navigation_path: homelab
  1291. double_tap_action:
  1292. action: more-info
  1293. secondary: Adguard <{{states('switch.adguard_protection')}}>
  1294. card_mod:
  1295. style:
  1296. mushroom-shape-icon$: |
  1297. .shape {
  1298. display: none !important;
  1299. }
  1300. .: |
  1301. ha-card {
  1302. border: 0px;
  1303. padding-left: 5px;
  1304. padding-top: 5px;
  1305. width: 500px;
  1306. }
  1307. - type: custom:mushroom-template-card
  1308. entity: light.ly_office_bulb_zb
  1309. layout: horizontal
  1310. icon: mdi:robot-confused-outline
  1311. tap_action:
  1312. action: toggle
  1313. hold_action:
  1314. action: more-info
  1315. double_tap_action:
  1316. action: none
  1317. icon_color: >-
  1318. {% if is_state('light.ly_office_bulb_zb', 'on') %} #89CAD8
  1319. {% else %} #7A7A7F {% endif %}
  1320. primary_info: none
  1321. secondary_info: none
  1322. card_mod:
  1323. style:
  1324. mushroom-shape-icon$: |
  1325. .shape {
  1326. --icon-size: 135px;
  1327. }
  1328. .: |
  1329. ha-card {
  1330. border: 0px;
  1331. margin-left: -30px;
  1332. margin-top: -15px;
  1333.  
  1334. }
  1335. - type: custom:mushroom-chips-card
  1336. chips:
  1337. - type: template
  1338. entity: light.wled_2
  1339. tap_action:
  1340. action: toggle
  1341. hold_action:
  1342. action: none
  1343. double_tap_action:
  1344. action: none
  1345. icon: mdi:artboard
  1346. card_mod:
  1347. style: |
  1348. ha-card {
  1349. --chip-background: {% if is_state('light.wled_2', 'on') %} #DFF2FF {% else %} #353535 {% endif %};
  1350. --color: {% if is_state('light.wled_2', 'on') %} #383278 {% else %} #DBDBDB {% endif %};
  1351. justify-content: center;
  1352. height: 35px !important;
  1353. width: 35px !important;
  1354. border: 0 !important;
  1355. box-shadow: none !important;
  1356. border-radius: 22px !important;
  1357. }
  1358. - type: template
  1359. entity: light.wled_shelf_3
  1360. tap_action:
  1361. action: toggle
  1362. hold_action:
  1363. action: none
  1364. double_tap_action:
  1365. action: none
  1366. icon: mdi:bookshelf
  1367. card_mod:
  1368. style: |
  1369. ha-card {
  1370. --chip-background: {% if is_state('light.wled_shelf_3', 'on') %} #FCE3A7 {% else %} #353535 {% endif %};
  1371. --color: {% if is_state('light.wled_shelf_3', 'on') %} #CFA361 {% else %} #DBDBDB {% endif %};
  1372. justify-content: center;
  1373. height: 35px !important;
  1374. width: 35px !important;
  1375. border: 0 !important;
  1376. box-shadow: none !important;
  1377. border-radius: 22px !important;
  1378. }
  1379. - type: entity
  1380. entity: sensor.localhost_memory_usage
  1381. icon: mdi:home-assistant
  1382. icon_color: "#47AEC4"
  1383. card_mod:
  1384. style: |
  1385. ha-card {
  1386. --chip-background: {% if states('sensor.localhost_memory_usage') | float > 50 %} #ED9494 {% else %} #CCD6D8 {% endif %};
  1387.  
  1388. justify-content: center;
  1389. height: 35px !important;
  1390. width: 60px !important;
  1391. border: 0 !important;
  1392. box-shadow: none !important;
  1393. border-radius: 22px !important;
  1394. --chip-icon-size: 12px;
  1395. }
  1396. card_mod:
  1397. style: |
  1398. .chip-container {
  1399. flex-flow: column wrap-reverse !important;
  1400. display: flex !important;
  1401. --chip-spacing: 8px;
  1402. margin: 12px;
  1403. }
  1404. .: |
  1405. .container {
  1406. align: end;
  1407. }
  1408. card_mod:
  1409. style: |
  1410. ha-card {
  1411. max-width: 100%;
  1412. min-width: 50%;
  1413. height: 186px;
  1414. }
  1415. grid_options:
  1416. columns: 6
  1417. rows: 3
  1418. - type: horizontal-stack
  1419. cards:
  1420. - type: custom:stack-in-card
  1421. mode: horizontal
  1422. cards:
  1423. - type: vertical-stack
  1424. cards:
  1425. - type: custom:mushroom-template-card
  1426. primary: Stairs
  1427. secondary: hidden
  1428. card_mod:
  1429. style:
  1430. mushroom-state-info$: |
  1431. .secondary {
  1432. visibility: hidden; # Hide the secondary text
  1433. }
  1434. mushroom-shape-icon$: |
  1435. .shape {
  1436. display: none !important;
  1437. }
  1438. .: |
  1439. ha-card {
  1440. border: 0px;
  1441. padding-left: 5px;
  1442. padding-top: 5px;
  1443. width: 500px;
  1444. }
  1445. - type: custom:mushroom-template-card
  1446. entity: light.meross_upperstair
  1447. layout: horizontal
  1448. icon: |-
  1449. {% if is_state('light.meross_upperstair', 'on') %}
  1450. mdi:stairs-up
  1451. {% elif is_state('light.upper_hallway', 'on') %}
  1452. mdi:stairs-box
  1453. {% elif is_state('light.basement_stair', 'on') %}
  1454. mdi:stairs-down
  1455. {% else %}
  1456. mdi:stairs
  1457. {% endif %}
  1458. tap_action:
  1459. action: toggle
  1460. hold_action:
  1461. action: none
  1462. double_tap_action:
  1463. action: none
  1464. icon_color: |-
  1465. {% if is_state('light.meross_upperstair', 'on') %}
  1466. #aa7180
  1467. {% elif is_state('light.upper_hallway', 'on') %}
  1468. #8FA391
  1469. {% elif is_state('light.basement_stair', 'on') %}
  1470. #A6CADE
  1471. {% else %}
  1472. #7A7A7F
  1473. {% endif %}
  1474. primary_info: none
  1475. secondary_info: none
  1476. card_mod:
  1477. style:
  1478. mushroom-shape-icon$: |
  1479. .shape {
  1480. --icon-size: 135px;
  1481. }
  1482. .: |
  1483. ha-card {
  1484. border: 0px;
  1485. margin-left: -30px;
  1486. margin-top: -15px;
  1487.  
  1488. }
  1489. - type: custom:mushroom-chips-card
  1490. chips:
  1491. - type: template
  1492. entity: light.meross_upperstair
  1493. tap_action:
  1494. action: toggle
  1495. hold_action:
  1496. action: none
  1497. double_tap_action:
  1498. action: none
  1499. icon: mdi:stairs-up
  1500. card_mod:
  1501. style: |
  1502. ha-card {
  1503. --chip-background: {% if is_state('light.meross_upperstair', 'on') %} #D5B5C0 {% else %} #353535 {% endif %};
  1504. --color: {% if is_state('light.meross_upperstair', 'on') %} #6D5F67 {% else %} #DBDBDB {% endif %};
  1505. justify-content: center;
  1506. height: 35px !important;
  1507. width: 35px !important;
  1508. border: 0 !important;
  1509. box-shadow: none !important;
  1510. border-radius: 22px !important;
  1511. }
  1512. - type: template
  1513. entity: light.upper_hallway
  1514. tap_action:
  1515. action: toggle
  1516. hold_action:
  1517. action: none
  1518. double_tap_action:
  1519. action: none
  1520. icon: mdi:stairs-box
  1521. card_mod:
  1522. style: |
  1523. ha-card {
  1524. --chip-background: {% if is_state('light.upper_hallway', 'on') %} #8FA391 {% else %} #353535 {% endif %};
  1525. --color: {% if is_state('light.upper_hallway', 'on') %} #275750 {% else %} #DBDBDB {% endif %};
  1526. justify-content: center;
  1527. height: 35px !important;
  1528. width: 35px !important;
  1529. border: 0 !important;
  1530. box-shadow: none !important;
  1531. border-radius: 22px !important;
  1532. }
  1533. - type: template
  1534. entity: light.basement_stair
  1535. tap_action:
  1536. action: toggle
  1537. hold_action:
  1538. action: none
  1539. double_tap_action:
  1540. action: none
  1541. icon: mdi:stairs-down
  1542. card_mod:
  1543. style: |
  1544. ha-card {
  1545. --chip-background: {% if is_state('light.basement_stair', 'on') %} #AED6E5 {% else %} #353535 {% endif %};
  1546. --color: {% if is_state('light.basement_stair', 'on') %} #284E65 {% else %} #DBDBDB {% endif %};
  1547. justify-content: center;
  1548. height: 35px !important;
  1549. width: 35px !important;
  1550. border: 0 !important;
  1551. box-shadow: none !important;
  1552. border-radius: 22px !important;
  1553. }
  1554. card_mod:
  1555. style: |
  1556. .chip-container {
  1557. flex-flow: column wrap-reverse !important;
  1558. display: flex !important;
  1559. --chip-spacing: 8px;
  1560. margin: 12px;
  1561. }
  1562. .: |
  1563. .container {
  1564. align: end;
  1565. }
  1566. card_mod:
  1567. style: |
  1568. ha-card {
  1569. max-width: 100%;
  1570. min-width: 50%;
  1571. height: 186px;
  1572. }
  1573. grid_options:
  1574. columns: 6
  1575. rows: 3
  1576. - type: horizontal-stack
  1577. cards:
  1578. - type: custom:stack-in-card
  1579. mode: horizontal
  1580. cards:
  1581. - type: vertical-stack
  1582. cards:
  1583. - type: custom:mushroom-template-card
  1584. primary: Laundry
  1585. secondary: >-
  1586. {{ states('sensor.dryer_13_1d')|round(2) }} kWh | {{
  1587. states('sensor.washer_10_1d')|round(2)}} kWh
  1588. card_mod:
  1589. style:
  1590. mushroom-shape-icon$: |
  1591. .shape {
  1592. display: none !important;
  1593. }
  1594. .: |
  1595. ha-card {
  1596. border: 0px;
  1597. padding-left: 5px;
  1598. padding-top: 5px;
  1599. width: 500px;
  1600. }
  1601. - type: custom:mushroom-template-card
  1602. layout: horizontal
  1603. icon: |-
  1604. {% if is_state('input_boolean.dryer_boolean', 'on') %}
  1605. mdi:tumble-dryer
  1606. {% elif is_state('input_boolean.washer_boolean', 'on') %}
  1607. mdi:washing-machine
  1608. {% else %}
  1609. mdi:washing-machine
  1610. {% endif %}
  1611. icon_color: >-
  1612. {% if is_state('input_boolean.dryer_boolean', 'on') and
  1613. is_state('input_boolean.washer_boolean', 'on') %}
  1614. #87BDA4
  1615. {% elif is_state('input_boolean.dryer_boolean', 'on') %}
  1616. #DFA995
  1617. {% elif is_state('input_boolean.washer_boolean', 'on') %}
  1618. #8DA9E2
  1619. {% else %}
  1620. #7A7A7F
  1621. {% endif %}
  1622. primary_info: none
  1623. secondary_info: none
  1624. card_mod:
  1625. style:
  1626. mushroom-shape-icon$: |
  1627. .shape {
  1628. --icon-size: 135px;
  1629. }
  1630. .: |
  1631. ha-card {
  1632. border: 0px;
  1633. margin-left: -30px;
  1634. margin-top: -15px;
  1635.  
  1636. }
  1637. - type: custom:mushroom-chips-card
  1638. chips:
  1639. - type: template
  1640. entity: input_boolean.dryer_boolean
  1641. tap_action:
  1642. action: more-info
  1643. hold_action:
  1644. action: none
  1645. double_tap_action:
  1646. action: none
  1647. icon: mdi:tumble-dryer
  1648. card_mod:
  1649. style: |
  1650. ha-card {
  1651. --chip-background: {% if is_state('input_boolean.dryer_boolean', 'on') %} #DFA995 {% else %} #353535 {% endif %};
  1652. --color: {% if is_state('input_boolean.dryer_boolean', 'on') %} #403733 {% else %} #DBDBDB {% endif %};
  1653. justify-content: center;
  1654. height: 35px !important;
  1655. width: 35px !important;
  1656. border: 0 !important;
  1657. box-shadow: none !important;
  1658. border-radius: 22px !important;
  1659. }
  1660. - type: template
  1661. entity: input_boolean.washer_boolean
  1662. tap_action:
  1663. action: more-info
  1664. hold_action:
  1665. action: none
  1666. double_tap_action:
  1667. action: none
  1668. icon: mdi:washing-machine
  1669. card_mod:
  1670. style: |
  1671. ha-card {
  1672. --chip-background: {% if is_state('input_boolean.washer_boolean', 'on') %} #8DA9E2 {% else %} #353535 {% endif %};
  1673. --color: {% if is_state('input_boolean.washer_boolean', 'on') %} #373E55 {% else %} #DBDBDB {% endif %};
  1674. justify-content: center;
  1675. height: 35px !important;
  1676. width: 35px !important;
  1677. border: 0 !important;
  1678. box-shadow: none !important;
  1679. border-radius: 22px !important;
  1680. }
  1681. card_mod:
  1682. style: |
  1683. .chip-container {
  1684. flex-flow: column wrap-reverse !important;
  1685. display: flex !important;
  1686. --chip-spacing: 8px;
  1687. margin: 12px;
  1688. }
  1689. .: |
  1690. .container {
  1691. align: end;
  1692. }
  1693. card_mod:
  1694. style: |
  1695. ha-card {
  1696. max-width: 100%;
  1697. min-width: 50%;
  1698. height: 186px;
  1699. }
  1700. grid_options:
  1701. columns: 6
  1702. rows: 3
  1703. - type: horizontal-stack
  1704. cards:
  1705. - type: custom:stack-in-card
  1706. mode: horizontal
  1707. cards:
  1708. - type: vertical-stack
  1709. cards:
  1710. - type: custom:mushroom-template-card
  1711. primary: Guest room
  1712. secondary: test
  1713. card_mod:
  1714. style:
  1715. mushroom-state-info$: |
  1716. .secondary {
  1717. visibility: hidden; # Hide the secondary text
  1718. }
  1719. mushroom-shape-icon$: |
  1720. .shape {
  1721. display: none !important;
  1722. }
  1723. .: |
  1724. ha-card {
  1725. border: 0px;
  1726. padding-left: 5px;
  1727. padding-top: 5px;
  1728. width: 500px;
  1729. }
  1730. - type: custom:mushroom-template-card
  1731. entity: switch.guest_room_lamp_zb
  1732. layout: horizontal
  1733. icon: mdi:human-dolly
  1734. tap_action:
  1735. action: toggle
  1736. hold_action:
  1737. action: more-info
  1738. double_tap_action:
  1739. action: none
  1740. icon_color: >-
  1741. {% if is_state('switch.guest_room_lamp_zb', 'on') %}
  1742. #606B94 {% else %} #7A7A7F {% endif %}
  1743. primary_info: none
  1744. secondary_info: none
  1745. card_mod:
  1746. style:
  1747. mushroom-shape-icon$: |
  1748. .shape {
  1749. --icon-size: 135px;
  1750. }
  1751. .: |
  1752. ha-card {
  1753. border: 0px;
  1754. margin-left: -30px;
  1755. margin-top: -15px;
  1756.  
  1757. }
  1758. - type: custom:mushroom-chips-card
  1759. chips:
  1760. - type: template
  1761. entity: switch.guest_room_lamp_zb
  1762. tap_action:
  1763. action: toggle
  1764. hold_action:
  1765. action: none
  1766. double_tap_action:
  1767. action: none
  1768. icon: mdi:lamp
  1769. card_mod:
  1770. style: |
  1771. ha-card {
  1772. --chip-background: {% if is_state('switch.guest_room_lamp_zb', 'on') %} #A6AEBF {% else %} #353535 {% endif %};
  1773. --color: {% if is_state('switch.guest_room_lamp_zb', 'on') %} #606B94 {% else %} #DBDBDB {% endif %};
  1774. justify-content: center;
  1775. height: 35px !important;
  1776. width: 35px !important;
  1777. border: 0 !important;
  1778. box-shadow: none !important;
  1779. border-radius: 22px !important;
  1780. }
  1781. - type: template
  1782. entity: switch.guest_bathroom
  1783. tap_action:
  1784. action: toggle
  1785. hold_action:
  1786. action: none
  1787. double_tap_action:
  1788. action: none
  1789. icon: mdi:bathtub-outline
  1790. card_mod:
  1791. style: |
  1792. ha-card {
  1793. --chip-background: {% if is_state('switch.guest_bathroom', 'on') %} #CFA361 {% else %} #353535 {% endif %};
  1794. --color: {% if is_state('switch.guest_bathroom', 'on') %} #644A1C {% else %} #DBDBDB {% endif %};
  1795. justify-content: center;
  1796. height: 35px !important;
  1797. width: 35px !important;
  1798. border: 0 !important;
  1799. box-shadow: none !important;
  1800. border-radius: 22px !important;
  1801. }
  1802. - type: template
  1803. entity: switch.guest_room_toilet_light_zb
  1804. tap_action:
  1805. action: toggle
  1806. hold_action:
  1807. action: none
  1808. double_tap_action:
  1809. action: none
  1810. icon: mdi:toilet
  1811. card_mod:
  1812. style: |
  1813. ha-card {
  1814. --chip-background: {% if is_state('switch.guest_room_toilet_light_zb', 'on') %} #A6AEBF {% else %} #353535 {% endif %};
  1815. --color: {% if is_state('switch.guest_room_toilet_light_zb', 'on') %} #314037 {% else %} #DBDBDB {% endif %};
  1816. justify-content: center;
  1817. height: 35px !important;
  1818. width: 35px !important;
  1819. border: 0 !important;
  1820. box-shadow: none !important;
  1821. border-radius: 22px !important;
  1822. }
  1823. card_mod:
  1824. style: |
  1825. .chip-container {
  1826. flex-flow: column wrap-reverse !important;
  1827. display: flex !important;
  1828. --chip-spacing: 8px;
  1829. margin: 12px;
  1830. }
  1831. .: |
  1832. .container {
  1833. align: end;
  1834. }
  1835. card_mod:
  1836. style: |
  1837. ha-card {
  1838. max-width: 100%;
  1839. min-width: 50%;
  1840. height: 186px;
  1841. }
  1842. grid_options:
  1843. columns: 6
  1844. rows: 3
  1845. - type: horizontal-stack
  1846. cards:
  1847. - type: custom:stack-in-card
  1848. mode: horizontal
  1849. cards:
  1850. - type: vertical-stack
  1851. cards:
  1852. - type: custom:mushroom-template-card
  1853. primary: AC
  1854. entity: light.family_light
  1855. tap_action:
  1856. action: navigate
  1857. navigation_path: hvac
  1858. secondary: >-
  1859. {{ (states('sensor.ac_7_1d') | float +
  1860. states('sensor.furnace_1_1d') | float) | round(2) }} kWh
  1861. card_mod:
  1862. style:
  1863. mushroom-shape-icon$: |
  1864. .shape {
  1865. display: none !important;
  1866. }
  1867. .: |
  1868. ha-card {
  1869.  
  1870. border: 0px;
  1871. padding-left: 5px;
  1872. padding-top: 5px;
  1873. width: 500px;
  1874. }
  1875. - type: custom:mushroom-template-card
  1876. entity: climate.living_room
  1877. layout: horizontal
  1878. icon: >-
  1879. {% if is_state_attr('climate.living_room', 'hvac_action',
  1880. 'cooling') %}
  1881. mdi:snowflake
  1882. {% elif is_state_attr('climate.living_room',
  1883. 'hvac_action', 'heating') %}
  1884. mdi:fire
  1885. {% elif is_state_attr('climate.living_room',
  1886. 'hvac_action', 'idle') %}
  1887. mdi:power-sleep
  1888. {% elif is_state_attr('climate.living_room',
  1889. 'hvac_action', 'off') %}
  1890. mdi:power
  1891. {% else %}
  1892. mdi:thermostat
  1893. {% endif %}
  1894. icon_color: >-
  1895. {% if is_state_attr('climate.living_room', 'hvac_action',
  1896. 'cooling') %}
  1897. #00BFFF
  1898. {% elif is_state_attr('climate.living_room',
  1899. 'hvac_action', 'heating') %}
  1900. #FF6347
  1901. {% elif is_state_attr('climate.living_room',
  1902. 'hvac_action', 'idle') %}
  1903. #CEA1A1
  1904. {% elif is_state_attr('climate.living_room',
  1905. 'hvac_action', 'off') %}
  1906. #D3D3D3
  1907. {% else %}
  1908. #7A7A7F
  1909. {% endif %}
  1910. tap_action:
  1911. action: navigate
  1912. navigation_path: hvac
  1913. hold_action:
  1914. action: more-info
  1915. double_tap_action:
  1916. action: navigate
  1917. navigation_path: hvac
  1918. primary_info: none
  1919. secondary_info: none
  1920. card_mod:
  1921. style:
  1922. mushroom-shape-icon$: |
  1923. .shape {
  1924. --icon-size: 135px;
  1925. }
  1926. .: |
  1927. ha-card {
  1928. border: 0px;
  1929. margin-left: -30px;
  1930. margin-top: -15px;
  1931.  
  1932. }
  1933. card_mod:
  1934. style: |
  1935. .chip-container {
  1936. flex-flow: column wrap-reverse !important;
  1937. display: flex !important;
  1938. --chip-spacing: 8px;
  1939. margin: 12px;
  1940. }
  1941. .: |
  1942. .container {
  1943. align: end;
  1944. }
  1945. card_mod:
  1946. style: |
  1947. ha-card {
  1948. max-width: 100%;
  1949. min-width: 50%;
  1950. height: 186px;
  1951. }
  1952. grid_options:
  1953. columns: 6
  1954. rows: 3
  1955. - type: grid
  1956. cards:
  1957. - type: vertical-stack
  1958. cards:
  1959. - type: custom:bubble-card
  1960. card_type: empty-column
  1961. - type: custom:bubble-card
  1962. card_type: pop-up
  1963. hash: "#alarm"
  1964. name: Alarm
  1965. icon: mdi:shield-home-outline
  1966. show_state: true
  1967. entity: alarm_control_panel.first_floor
  1968. show_attribute: false
  1969. show_last_changed: true
  1970. margin_top_mobile: 15vh
  1971. margin_top_desktop: 15vh
  1972. width_desktop: 540px
  1973. bg_opacity: "18"
  1974. shadow_opacity: "20"
  1975. - type: custom:alarmo-card
  1976. entity: alarm_control_panel.first_floor
  1977. - type: vertical-stack
  1978. cards:
  1979. - type: custom:bubble-card
  1980. card_type: empty-column
  1981. - type: custom:bubble-card
  1982. card_type: empty-column
  1983. - type: custom:bubble-card
  1984. card_type: pop-up
  1985. hash: "#locks"
  1986. name: Locks
  1987. icon: mdi:home-lock
  1988. show_state: true
  1989. show_attribute: false
  1990. show_last_changed: true
  1991. bg_color: ""
  1992. entity: lock.main_u100_lock
  1993. force_icon: false
  1994. double_tap_action:
  1995. action: none
  1996. hold_action:
  1997. action: none
  1998. button_action:
  1999. tap_action:
  2000. action: more-info
  2001. double_tap_action:
  2002. action: none
  2003. hold_action:
  2004. action: none
  2005. show_header: false
  2006. margin_top_mobile: 20vh
  2007. margin_top_desktop: 30vh
  2008. bg_opacity: "18"
  2009. bg_blur: "18"
  2010. backdrop_blur: "0"
  2011. shadow_opacity: "10"
  2012. - type: horizontal-stack
  2013. cards:
  2014. - type: custom:bubble-card
  2015. card_type: button
  2016. entity: lock.main_u100_lock
  2017. styles: |-
  2018. .bubble-button-background {
  2019. opacity: 1 !important;
  2020. background-color: ${state === 'unlocked'
  2021. ? '#E0816E'
  2022. : state === 'unavailable'
  2023. ? '#8E8E8E'
  2024. : '#8E9876'} !important;
  2025. }
  2026. .bubble-icon {
  2027. color: ${state === 'unlocked'
  2028. ? '#E0816E'
  2029. : state === 'unavailable'
  2030. ? '#8E8E8E'
  2031. : '#8E9876'} !important;
  2032. }
  2033. .bubble-name {
  2034. color: #E7E7E7 !important;
  2035. }
  2036. ${icon.setAttribute("icon",
  2037. hass.states['lock.main_u100_lock'].state === 'locked'
  2038. ? 'mdi:lock-check'
  2039. : hass.states['lock.main_u100_lock'].state === 'unavailable'
  2040. ? 'mdi:lock-alert'
  2041. : 'mdi:lock-percent-open-variant'
  2042. )}
  2043. button_action:
  2044. tap_action:
  2045. action: more-info
  2046. name: Main Lock
  2047. - type: custom:bubble-card
  2048. card_type: button
  2049. entity: lock.garage_u100_lock
  2050. styles: |-
  2051. .bubble-button-background {
  2052. opacity: 1 !important;
  2053. background-color: ${state === 'unlocked'
  2054. ? '#E0816E'
  2055. : state === 'unavailable'
  2056. ? '#8E8E8E'
  2057. : '#8E9876'} !important;
  2058. }
  2059. .bubble-icon {
  2060. color: ${state === 'unlocked'
  2061. ? '#E0816E'
  2062. : state === 'unavailable'
  2063. ? '#8E8E8E'
  2064. : '#8E9876'} !important;
  2065. }
  2066. .bubble-name {
  2067. color: #E7E7E7 !important;
  2068. }
  2069. ${icon.setAttribute("icon",
  2070. hass.states['lock.garage_u100_lock'].state === 'locked'
  2071. ? 'mdi:lock-check'
  2072. : hass.states['lock.garage_u100_lock'].state === 'unavailable'
  2073. ? 'mdi:lock-alert'
  2074. : 'mdi:lock-percent-open-variant'
  2075. )}
  2076. button_action:
  2077. tap_action:
  2078. action: more-info
  2079. scrolling_effect: false
  2080. name: Garage Lock
  2081. - type: custom:bubble-card
  2082. card_type: empty-column
  2083. - type: horizontal-stack
  2084. cards:
  2085. - type: tile
  2086. icon: mdi:door-sliding
  2087. state_content: state
  2088. name: Main door
  2089. entity: binary_sensor.main_door_zb_contact
  2090. - type: tile
  2091. icon: mdi:door-sliding
  2092. state_content: state
  2093. name: Garage sidedoor
  2094. entity: binary_sensor.garage_sidedoor_zb_contact
  2095. - type: horizontal-stack
  2096. cards:
  2097. - type: tile
  2098. entity: binary_sensor.patio_door_bar
  2099. icon: mdi:door-sliding
  2100. state_content: state
  2101. name: Patio
  2102. - type: tile
  2103. icon: mdi:door-sliding
  2104. name: Glass sidedoor
  2105. entity: binary_sensor.glassdoor_zb_contact
  2106. hide_state: false
  2107. - type: custom:bubble-card
  2108. card_type: cover
  2109. entity: cover.ikea_blind_zb
  2110. show_last_changed: true
  2111. show_attribute: true
  2112. attribute: current_position
  2113. icon_open: mdi:blinds-horizontal-closed
  2114. icon_close: mdi:blinds-horizontal-closed
  2115. card_mod:
  2116. style: |
  2117. ha-card
  2118. .bubble-cover-card-container {
  2119. --bubble-icon-background-color:
  2120. {% set position = state_attr('cover.ikea_blind_zb', 'current_position') %}
  2121. {% if position is not none and (position | int) < 20 %}
  2122. #8E9876 !important; /* Green when position < 20, means close */
  2123. {% elif is_state('cover.ikea_blind_zb', 'open') %}
  2124. #946CA0 !important; /* Purple when open */
  2125. {% else %}
  2126. #8E8E8E !important; /* Grey for unavailable */
  2127. {% endif %};
  2128.  
  2129. }
  2130. - type: custom:bubble-card
  2131. card_type: empty-column
  2132. - type: custom:bubble-card
  2133. card_type: cover
  2134. entity: cover.smart_garage_door
  2135. show_state: true
  2136. show_last_changed: true
  2137. show_attribute: false
  2138. scrolling_effect: false
  2139. name: Garage
  2140. icon_open: mdi:garage-open
  2141. icon_close: mdi:garage
  2142. double_tap_action:
  2143. action: more-info
  2144. hold_action:
  2145. action: more-info
  2146. card_mod:
  2147. style: |
  2148. ha-card
  2149.  
  2150. /* Adjust icon background */
  2151. .bubble-cover-card-container {
  2152. --bubble-icon-background-color:
  2153. {% if is_state('cover.smart_garage_door', 'opened') %}
  2154. #E0816E !important;
  2155. {% elif is_state('cover.smart_garage_door', 'closed') %}
  2156. #8E9876 !important;
  2157. {% else %}
  2158. #8E8E8E !important;
  2159. {% endif %};
  2160. }
  2161. grid_options:
  2162. columns: 12
  2163. rows: auto
  2164. - type: vertical-stack
  2165. cards:
  2166. - type: custom:bubble-card
  2167. card_type: empty-column
  2168. - type: custom:bubble-card
  2169. card_type: pop-up
  2170. hash: "#coffee"
  2171. name: Coffee machine
  2172. icon: mdi:coffee-maker-outline
  2173. show_state: true
  2174. show_attribute: false
  2175. show_last_changed: true
  2176. bg_color: ""
  2177. entity: switch.coffee_zb
  2178. force_icon: false
  2179. double_tap_action:
  2180. action: more-info
  2181. hold_action:
  2182. action: none
  2183. button_action:
  2184. tap_action:
  2185. action: more-info
  2186. double_tap_action:
  2187. action: none
  2188. hold_action:
  2189. action: none
  2190. show_header: true
  2191. margin_top_desktop: 40vh
  2192. margin_top_mobile: 40vh
  2193. tap_action:
  2194. action: none
  2195. bg_opacity: "18"
  2196. shadow_opacity: "20"
  2197. - type: gauge
  2198. entity: sensor.current_water_level
  2199. needle: false
  2200. segments:
  2201. - from: 0
  2202. color: "#ED836E"
  2203. - from: 50
  2204. color: "#E5D092"
  2205. - from: 100
  2206. color: "#78A191"
  2207. grid_options:
  2208. columns: 12
  2209. rows: auto
  2210. - type: grid
  2211. cards: []
  2212. - type: custom:bubble-card
  2213. card_type: horizontal-buttons-stack
  2214. auto_order: true
  2215. 1_name: null
  2216. 1_icon: mdi:shield-home-outline
  2217. 1_link: "#alarm"
  2218. 1_entity: null
  2219. 2_name: null
  2220. 2_icon: mdi:home-lock
  2221. 2_link: "#locks"
  2222. 2_entity: null
  2223. 3_name: null
  2224. 3_icon: mdi:coffee-outline
  2225. 3_link: "#coffee"
  2226. 3_entity: null
  2227. 3_pir_sensor: null
  2228. hide_gradient: true
  2229. styles: |
  2230. .bubble-icon {
  2231. --mdc-icon-size: 23px !important;
  2232. }
  2233. .alarm > .background-color
  2234. {
  2235. opacity: 1 !important;
  2236. background-color: ${hass.states['alarm_control_panel.first_floor'].state === 'armed' ? '#9AA58F' : '#CB7F8A'} !important; /* red when disarmed, green when armed */
  2237. }
  2238. .coffee > .background-color
  2239. {
  2240. opacity: 1 !important;
  2241. background-color: ${hass.states['sensor.current_water_level'].state === '10'
  2242. ? '#CB7F8A'
  2243. : hass.states['sensor.current_water_level'].state === '50'
  2244. ? '#E5D092'
  2245. : hass.states['sensor.current_water_level'].state === '100'
  2246. ? '#9AA58F'
  2247. : '#8E8E8E'} !important;
  2248. }
  2249. }
  2250. cards: []
  2251. icon: mdi:home
  2252. badges: []
  2253.  
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!