Advertisement
Guest User

Temp

a guest
Jan 18th, 2023
386
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.93 KB | None | 0 0
  1. type: vertical-stack
  2. cards:
  3. - type: custom:layout-card
  4. layout_type: custom:grid-layout
  5. layout:
  6. grid-template-columns: auto 33px
  7. margin: '-4px -4px -16px -4px'
  8. padding: 0px
  9. cards:
  10. - type: custom:mod-card
  11. card:
  12. type: custom:mushroom-title-card
  13. title: null
  14. subtitle: Temperature
  15. card_mod:
  16. style:
  17. mushroom-title-card:
  18. $: |
  19. h1 {
  20. --primary-text-color: rgb(var(--rgb-grey));
  21. --title-font-size: 15px;
  22. --title-font-weight: bolder;
  23. }
  24. h2 {
  25. --secondary-text-color: rgb(var(--rgb-grey));
  26. --subtitle-font-size: 13px;
  27. --subtitle-font-weight: Lighter;
  28. }
  29. .header {
  30. --title-padding: 4px 18px 4px 18px;
  31. }
  32. - type: custom:mushroom-chips-card
  33. chips:
  34. - type: template
  35. entity: input_boolean.temperature_dropdown
  36. icon: >-
  37. {{ 'mdi:chevron-down' if is_state(entity, 'off') else
  38. 'mdi:chevron-up' }}
  39. icon_color: disabled
  40. hold_action:
  41. action: none
  42. card_mod:
  43. style: |
  44. ha-card {
  45. --chip-background: none;
  46. --chip-box-shadow: none;
  47. margin-top: -6px;
  48. margin-left: -20px;
  49. }
  50. - type: conditional
  51. conditions:
  52. - entity: input_boolean.temperature_dropdown
  53. state: 'on'
  54. card:
  55. type: custom:layout-card
  56. layout_type: masonry
  57. layout:
  58. margin: 0 -1px -8px -1px
  59. padding: 0px
  60. cards:
  61. - type: custom:stack-in-card
  62. cards:
  63. - type: custom:stack-in-card
  64. mode: horizontal
  65. cards:
  66. - type: custom:layout-card
  67. layout_type: custom:grid-layout
  68. layout:
  69. grid-template-columns: 120px auto 76px
  70. margin: '-4px -4px -8px -4px'
  71. padding: 0px
  72. cards:
  73. - type: custom:mushroom-chips-card
  74. chips:
  75. - type: template
  76. content: Outdoor
  77. icon: mdi:tree
  78. icon_color: blue
  79. card_mod:
  80. style: |
  81. ha-card {
  82. margin-left: 8px;
  83. }
  84. tap_action:
  85. action: fire-dom-event
  86. browser_mod:
  87. service: browser_mod.popup
  88. data:
  89. style: >
  90. --popup-max-width: 600px;
  91.  
  92. --popup-min-width: 400px;
  93.  
  94. --popup-border-width: 1px;
  95.  
  96. --popup-border-radius: 12px;
  97.  
  98. --dialog-backdrop-filter: blur(0.8em)
  99. brightness(1.2);
  100. content:
  101. type: custom:stack-in-card
  102. cards:
  103. - type: custom:mushroom-template-card
  104. primary: Outdoor
  105. icon: mdi:tree
  106. icon_color: blue
  107. tap_action:
  108. action: none
  109. - type: custom:mini-graph-card
  110. entities:
  111. - entity: sensor.outdoor_temperature
  112. name: Outdoor
  113. - color: gray
  114. entity: sensor.nightstate
  115. name: Night
  116. show_line: false
  117. show_points: false
  118. show_legend: false
  119. y_axis: secondary
  120. align_state: right
  121. font_size: 80
  122. hours_to_show: 168
  123. points_per_hour: 0.5
  124. hour24: true
  125. line_width: 1
  126. animate: true
  127. show:
  128. average: true
  129. extrema: true
  130. icon: false
  131. labels: false
  132. labels_secondary: false
  133. name: false
  134. points: false
  135. state: true
  136. color_thresholds:
  137. - value: 5
  138. color: '#125df3'
  139. - value: 15
  140. color: '#f3c212'
  141. - value: 25
  142. color: '#f34a12'
  143. card_mod:
  144. style: |
  145. ha-card {
  146. margin-top: -66px;
  147. }
  148. hold_action:
  149. action: none
  150. double_tap_action:
  151. action: none
  152. - type: custom:mini-graph-card
  153. entities:
  154. - entity: sensor.outdoor_temperature
  155. height: 118
  156. hours_to_show: 168
  157. points_per_hour: 0.5
  158. line_width: 2
  159. animate: true
  160. show:
  161. extrema: false
  162. icon: false
  163. labels: false
  164. labels_secondary: false
  165. name: false
  166. state: false
  167. fill: false
  168. points: false
  169. color_thresholds:
  170. - value: 5
  171. color: '#125df3'
  172. - value: 15
  173. color: '#f3c212'
  174. - value: 25
  175. color: '#f34a12'
  176. card_mod:
  177. style: |
  178. ha-card {
  179. margin-top: -12px;
  180. border-radius: 0px;
  181. }
  182. - type: custom:mushroom-chips-card
  183. chips:
  184. - type: template
  185. content: '{{ states("sensor.outdoor_temperature") }} °C'
  186. card_mod:
  187. style: >-
  188. {% if
  189. is_state("binary_sensor.outdoor_high_temperature_warning",
  190. "on") %}
  191. ha-card {
  192. animation: blink 1s linear infinite;
  193. --text-color: rgb(var(--rgb-red));
  194. }
  195. {% elif
  196. is_state("binary_sensor.outdoor_low_temperature_warning",
  197. "on") %}
  198. ha-card {
  199. animation: blink 1s linear infinite;
  200. --text-color: rgb(var(--rgb-blue));
  201. }
  202. {% endif %}
  203.  
  204. @keyframes blink {
  205. 50% {opacity: 0;}
  206. }
  207. tap_action:
  208. action: none
  209. hold_action:
  210. action: none
  211. double_tap_action:
  212. action: none
  213. alignment: end
  214. card_mod:
  215. style: |
  216. ha-card {
  217. margin-right: 8px;
  218. }
  219. card_mod:
  220. style: |
  221. ha-card {
  222. margin-bottom: -30px;
  223. }
  224. card_mod:
  225. style: |
  226. ha-card {
  227. --ha-card-box-shadow: 0px;
  228. }
  229. - type: custom:stack-in-card
  230. cards:
  231. - type: custom:stack-in-card
  232. mode: horizontal
  233. cards:
  234. - type: custom:layout-card
  235. layout_type: custom:grid-layout
  236. layout:
  237. grid-template-columns: 120px auto 76px
  238. margin: '-4px -4px -8px -4px'
  239. padding: 0px
  240. cards:
  241. - type: custom:mushroom-chips-card
  242. chips:
  243. - type: template
  244. content: Office
  245. icon: mdi:chair-rolling
  246. icon_color: blue
  247. card_mod:
  248. style: |
  249. ha-card {
  250. margin-left: 8px;
  251. }
  252. tap_action:
  253. action: fire-dom-event
  254. browser_mod:
  255. service: browser_mod.popup
  256. data:
  257. style: >
  258. --popup-max-width: 600px; --popup-min-width:
  259. 400px; --popup-border-width: 1px;
  260. --popup-border-radius: 12px;
  261. --dialog-backdrop-filter: blur(0.8em)
  262. brightness(1.2);
  263. content:
  264. type: custom:stack-in-card
  265. cards:
  266. - type: custom:mushroom-template-card
  267. primary: Office
  268. icon: mdi:chair-rolling
  269. icon_color: blue
  270. tap_action:
  271. action: none
  272. - type: custom:mini-graph-card
  273. entities:
  274. - entity: sensor.office_temperature
  275. name: Office
  276. - color: gray
  277. entity: sensor.nightstate
  278. name: Night
  279. show_line: false
  280. show_points: false
  281. show_legend: false
  282. y_axis: secondary
  283. align_state: right
  284. font_size: 80
  285. hours_to_show: 168
  286. points_per_hour: 0.5
  287. hour24: true
  288. line_width: 1
  289. animate: true
  290. show:
  291. average: true
  292. extrema: true
  293. icon: false
  294. labels: false
  295. labels_secondary: false
  296. name: false
  297. points: false
  298. state: true
  299. color_thresholds:
  300. - value: 18
  301. color: '#125df3'
  302. - value: 20
  303. color: '#f3c212'
  304. - value: 22
  305. color: '#f34a12'
  306. card_mod:
  307. style: |
  308. ha-card {
  309. margin-top: -66px;
  310. }
  311. hold_action:
  312. action: none
  313. double_tap_action:
  314. action: none
  315. - type: custom:mini-graph-card
  316. entities:
  317. - entity: sensor.office_temperature
  318. height: 118
  319. hours_to_show: 168
  320. points_per_hour: 0.5
  321. line_width: 2
  322. animate: true
  323. show:
  324. extrema: false
  325. icon: false
  326. labels: false
  327. labels_secondary: false
  328. name: false
  329. state: false
  330. fill: false
  331. points: false
  332. color_thresholds:
  333. - value: 18
  334. color: '#125df3'
  335. - value: 20
  336. color: '#f3c212'
  337. - value: 22
  338. color: '#f34a12'
  339. card_mod:
  340. style: |
  341. ha-card {
  342. margin-top: -12px;
  343. border-radius: 0px;
  344. }
  345. - type: custom:mushroom-chips-card
  346. chips:
  347. - type: template
  348. content: '{{ states(''sensor.office_temperature'') }} °C'
  349. card_mod:
  350. style: >-
  351. {% if
  352. is_state("binary_sensor.office_high_temperature_warning",
  353. "on") %}
  354. ha-card {
  355. animation: blink 1s linear infinite;
  356. --text-color: rgb(var(--rgb-red));
  357. }
  358. {% elif
  359. is_state("binary_sensor.office_low_temperature_warning",
  360. "on") %}
  361. ha-card {
  362. animation: blink 1s linear infinite;
  363. --text-color: rgb(var(--rgb-blue));
  364. }
  365. {% endif %}
  366.  
  367. @keyframes blink {
  368. 50% {opacity: 0;}
  369. }
  370. tap_action:
  371. action: none
  372. hold_action:
  373. action: none
  374. double_tap_action:
  375. action: none
  376. alignment: end
  377. card_mod:
  378. style: |
  379. ha-card {
  380. margin-right: 8px;
  381. }
  382. card_mod:
  383. style: |
  384. ha-card {
  385. margin-bottom: -30px;
  386. }
  387. card_mod:
  388. style: |
  389. ha-card {
  390. --ha-card-box-shadow: 0px;
  391. }
  392. - type: custom:stack-in-card
  393. cards:
  394. - type: custom:stack-in-card
  395. mode: horizontal
  396. cards:
  397. - type: custom:layout-card
  398. layout_type: custom:grid-layout
  399. layout:
  400. grid-template-columns: 120px auto 76px
  401. margin: '-4px -4px -8px -4px'
  402. padding: 0px
  403. cards:
  404. - type: custom:mushroom-chips-card
  405. chips:
  406. - type: template
  407. content: Hallway
  408. icon: mdi:stairs
  409. icon_color: blue
  410. card_mod:
  411. style: |
  412. ha-card {
  413. margin-left: 8px;
  414. }
  415. tap_action:
  416. action: fire-dom-event
  417. browser_mod:
  418. service: browser_mod.popup
  419. data:
  420. style: >
  421. --popup-max-width: 600px;
  422.  
  423. --popup-min-width: 400px;
  424.  
  425. --popup-border-width: 1px;
  426.  
  427. --popup-border-radius: 12px;
  428.  
  429. --dialog-backdrop-filter: blur(0.8em)
  430. brightness(1.2);
  431. content:
  432. type: custom:stack-in-card
  433. cards:
  434. - type: custom:mushroom-template-card
  435. primary: Hallway
  436. icon: mdi:stairs
  437. icon_color: blue
  438. tap_action:
  439. action: none
  440. - type: custom:mini-graph-card
  441. entities:
  442. - entity: sensor.hallway_temperature
  443. name: Hallway
  444. - color: gray
  445. entity: sensor.nightstate
  446. name: Night
  447. show_line: false
  448. show_points: false
  449. show_legend: false
  450. y_axis: secondary
  451. align_state: right
  452. font_size: 80
  453. hours_to_show: 168
  454. points_per_hour: 0.5
  455. hour24: true
  456. line_width: 1
  457. animate: true
  458. show:
  459. average: true
  460. extrema: true
  461. icon: false
  462. labels: false
  463. labels_secondary: false
  464. name: false
  465. points: false
  466. state: true
  467. color_thresholds:
  468. - value: 18
  469. color: '#125df3'
  470. - value: 20
  471. color: '#f3c212'
  472. - value: 22
  473. color: '#f34a12'
  474. card_mod:
  475. style: |
  476. ha-card {
  477. margin-top: -66px;
  478. }
  479. hold_action:
  480. action: none
  481. double_tap_action:
  482. action: none
  483. - type: custom:mini-graph-card
  484. entities:
  485. - entity: sensor.hallway_temperature
  486. height: 118
  487. hours_to_show: 168
  488. points_per_hour: 0.5
  489. line_width: 2
  490. animate: true
  491. show:
  492. extrema: false
  493. icon: false
  494. labels: false
  495. labels_secondary: false
  496. name: false
  497. state: false
  498. fill: false
  499. points: false
  500. color_thresholds:
  501. - value: 18
  502. color: '#125df3'
  503. - value: 20
  504. color: '#f3c212'
  505. - value: 22
  506. color: '#f34a12'
  507. card_mod:
  508. style: |
  509. ha-card {
  510. margin-top: -12px;
  511. border-radius: 0px;
  512. }
  513. - type: custom:mushroom-chips-card
  514. chips:
  515. - type: template
  516. content: '{{ states(''sensor.hallway_temperature'') }} °C'
  517. card_mod:
  518. style: >-
  519. {% if
  520. is_state("binary_sensor.hallway_high_temperature_warning",
  521. "on") %}
  522. ha-card {
  523. animation: blink 1s linear infinite;
  524. --text-color: rgb(var(--rgb-red));
  525. }
  526. {% elif
  527. is_state("binary_sensor.hallway_low_temperature_warning",
  528. "on") %}
  529. ha-card {
  530. animation: blink 1s linear infinite;
  531. --text-color: rgb(var(--rgb-blue));
  532. }
  533. {% endif %}
  534.  
  535. @keyframes blink {
  536. 50% {opacity: 0;}
  537. }
  538. tap_action:
  539. action: none
  540. hold_action:
  541. action: none
  542. double_tap_action:
  543. action: none
  544. alignment: end
  545. card_mod:
  546. style: |
  547. ha-card {
  548. margin-right: 8px;
  549. }
  550. card_mod:
  551. style: |
  552. ha-card {
  553. margin-bottom: -30px;
  554. }
  555. card_mod:
  556. style: |
  557. ha-card {
  558. --ha-card-box-shadow: 0px;
  559. }
  560. - type: custom:stack-in-card
  561. cards:
  562. - type: custom:stack-in-card
  563. mode: horizontal
  564. cards:
  565. - type: custom:layout-card
  566. layout_type: custom:grid-layout
  567. layout:
  568. grid-template-columns: 120px auto 76px
  569. margin: '-4px -4px -8px -4px'
  570. padding: 0px
  571. cards:
  572. - type: custom:mushroom-chips-card
  573. chips:
  574. - type: template
  575. content: Kitchen
  576. icon: mdi:fridge
  577. icon_color: blue
  578. card_mod:
  579. style: |
  580. ha-card {
  581. margin-left: 8px;
  582. }
  583. tap_action:
  584. action: fire-dom-event
  585. browser_mod:
  586. service: browser_mod.popup
  587. data:
  588. style: >
  589. --popup-max-width: 600px;
  590.  
  591. --popup-min-width: 400px;
  592.  
  593. --popup-border-width: 1px;
  594.  
  595. --popup-border-radius: 12px;
  596.  
  597. --dialog-backdrop-filter: blur(0.8em)
  598. brightness(1.2);
  599. content:
  600. type: custom:stack-in-card
  601. cards:
  602. - type: custom:mushroom-template-card
  603. primary: Kitchen
  604. icon: mdi:fridge
  605. icon_color: blue
  606. tap_action:
  607. action: none
  608. - type: custom:mini-graph-card
  609. entities:
  610. - entity: sensor.kitchen_temperature
  611. name: Kitchen
  612. - color: gray
  613. entity: sensor.nightstate
  614. name: Night
  615. show_line: false
  616. show_points: false
  617. show_legend: false
  618. y_axis: secondary
  619. align_state: right
  620. font_size: 80
  621. hours_to_show: 168
  622. points_per_hour: 0.5
  623. hour24: true
  624. line_width: 1
  625. animate: true
  626. show:
  627. average: true
  628. extrema: true
  629. icon: false
  630. labels: false
  631. labels_secondary: false
  632. name: false
  633. points: false
  634. state: true
  635. color_thresholds:
  636. - value: 18
  637. color: '#125df3'
  638. - value: 20
  639. color: '#f3c212'
  640. - value: 22
  641. color: '#f34a12'
  642. card_mod:
  643. style: |
  644. ha-card {
  645. margin-top: -66px;
  646. }
  647. hold_action:
  648. action: none
  649. double_tap_action:
  650. action: none
  651. - type: custom:mini-graph-card
  652. entities:
  653. - entity: sensor.kitchen_temperature
  654. height: 118
  655. hours_to_show: 168
  656. points_per_hour: 0.5
  657. line_width: 2
  658. animate: true
  659. show:
  660. extrema: false
  661. icon: false
  662. labels: false
  663. labels_secondary: false
  664. name: false
  665. state: false
  666. fill: false
  667. points: false
  668. color_thresholds:
  669. - value: 18
  670. color: '#125df3'
  671. - value: 20
  672. color: '#f3c212'
  673. - value: 22
  674. color: '#f34a12'
  675. card_mod:
  676. style: |
  677. ha-card {
  678. margin-top: -12px;
  679. border-radius: 0px;
  680. }
  681. - type: custom:mushroom-chips-card
  682. chips:
  683. - type: template
  684. content: '{{ states(''sensor.kitchen_temperature'') }} °C'
  685. card_mod:
  686. style: >-
  687. {% if
  688. is_state("binary_sensor.kitchen_high_temperature_warning",
  689. "on") %}
  690. ha-card {
  691. animation: blink 1s linear infinite;
  692. --text-color: rgb(var(--rgb-red));
  693. }
  694. {% elif
  695. is_state("binary_sensor.kitchen_low_temperature_warning",
  696. "on") %}
  697. ha-card {
  698. animation: blink 1s linear infinite;
  699. --text-color: rgb(var(--rgb-blue));
  700. }
  701. {% endif %}
  702.  
  703. @keyframes blink {
  704. 50% {opacity: 0;}
  705. }
  706. tap_action:
  707. action: none
  708. hold_action:
  709. action: none
  710. double_tap_action:
  711. action: none
  712. alignment: end
  713. card_mod:
  714. style: |
  715. ha-card {
  716. margin-right: 8px;
  717. }
  718. card_mod:
  719. style: |
  720. ha-card {
  721. margin-bottom: -30px;
  722. }
  723. card_mod:
  724. style: |
  725. ha-card {
  726. --ha-card-box-shadow: 0px;
  727. }
  728. - type: custom:swipe-card
  729. parameters:
  730. spaceBetween: 8
  731. cards:
  732. - type: custom:stack-in-card
  733. cards:
  734. - type: custom:mushroom-template-card
  735. primary: Temperature
  736. icon: mdi:thermometer
  737. icon_color: blue
  738. tap_action:
  739. action: none
  740. - type: custom:mini-graph-card
  741. entities:
  742. - entity: sensor.hallway_temperature
  743. name: Hallway
  744. - entity: sensor.office_temperature
  745. name: Office
  746. - entity: sensor.kitchen_temperature
  747. name: Kitchen
  748. - color: gray
  749. entity: sensor.nightstate
  750. name: Night
  751. show_line: false
  752. show_points: false
  753. show_legend: false
  754. y_axis: secondary
  755. align_state: right
  756. font_size: 80
  757. hours_to_show: 168
  758. points_per_hour: 0.5
  759. hour24: true
  760. line_width: 1
  761. animate: true
  762. show:
  763. average: true
  764. extrema: true
  765. icon: false
  766. labels: false
  767. labels_secondary: false
  768. name: false
  769. points: false
  770. state: true
  771. card_mod:
  772. style: |
  773. ha-card {
  774. margin-top: -66px;
  775. }
  776. - type: custom:stack-in-card
  777. cards:
  778. - type: custom:mushroom-template-card
  779. primary: Outdoor
  780. icon: mdi:tree
  781. icon_color: blue
  782. tap_action:
  783. action: none
  784. - type: custom:mini-graph-card
  785. entities:
  786. - entity: sensor.outdoor_temperature
  787. name: Outdoor
  788. - color: gray
  789. entity: sensor.nightstate
  790. name: Night
  791. show_line: false
  792. show_points: false
  793. y_axis: secondary
  794. align_state: right
  795. font_size: 80
  796. hours_to_show: 168
  797. points_per_hour: 0.5
  798. hour24: true
  799. line_width: 1
  800. animate: true
  801. show:
  802. average: true
  803. extrema: true
  804. icon: false
  805. labels: false
  806. labels_secondary: false
  807. name: false
  808. points: false
  809. state: true
  810. card_mod:
  811. style: |
  812. ha-card {
  813. margin-top: -66px;
  814. }
  815. - type: custom:stack-in-card
  816. cards:
  817. - type: custom:mushroom-template-card
  818. primary: Office
  819. icon: mdi:chair-rolling
  820. icon_color: blue
  821. tap_action:
  822. action: none
  823. - type: custom:mini-graph-card
  824. entities:
  825. - entity: sensor.office_temperature
  826. name: Office
  827. - color: gray
  828. entity: sensor.nightstate
  829. name: Night
  830. show_line: false
  831. show_points: false
  832. show_legend: true
  833. y_axis: secondary
  834. align_state: right
  835. font_size: 80
  836. hours_to_show: 168
  837. points_per_hour: 0.5
  838. hour24: true
  839. line_width: 1
  840. animate: true
  841. show:
  842. average: true
  843. extrema: true
  844. icon: false
  845. labels: false
  846. labels_secondary: false
  847. name: false
  848. points: false
  849. state: true
  850. card_mod:
  851. style: |
  852. ha-card {
  853. margin-top: -66px;
  854. }
  855. - type: custom:stack-in-card
  856. cards:
  857. - type: custom:mushroom-template-card
  858. primary: Hallway
  859. icon: mdi:stairs
  860. icon_color: blue
  861. tap_action:
  862. action: none
  863. - type: custom:mini-graph-card
  864. entities:
  865. - entity: sensor.hallway_temperature
  866. name: Hallway
  867. - color: gray
  868. entity: sensor.nightstate
  869. name: Night
  870. show_line: false
  871. show_points: false
  872. show_legend: true
  873. y_axis: secondary
  874. align_state: right
  875. font_size: 80
  876. hours_to_show: 168
  877. points_per_hour: 0.5
  878. hour24: true
  879. line_width: 1
  880. animate: true
  881. show:
  882. average: true
  883. extrema: true
  884. icon: false
  885. labels: false
  886. labels_secondary: false
  887. name: false
  888. points: false
  889. state: true
  890. card_mod:
  891. style: |
  892. ha-card {
  893. margin-top: -66px;
  894. }
  895. - type: custom:stack-in-card
  896. cards:
  897. - type: custom:mushroom-template-card
  898. primary: Kitchen
  899. icon: mdi:fridge
  900. icon_color: blue
  901. tap_action:
  902. action: none
  903. - type: custom:mini-graph-card
  904. entities:
  905. - entity: sensor.kitchen_temperature
  906. name: Kitchen
  907. - color: gray
  908. entity: sensor.nightstate
  909. name: Night
  910. show_line: false
  911. show_points: false
  912. show_legend: true
  913. y_axis: secondary
  914. align_state: right
  915. font_size: 80
  916. hours_to_show: 168
  917. points_per_hour: 0.5
  918. hour24: true
  919. line_width: 1
  920. animate: true
  921. show:
  922. average: true
  923. extrema: true
  924. icon: false
  925. labels: false
  926. labels_secondary: false
  927. name: false
  928. points: false
  929. state: true
  930. card_mod:
  931. style: |
  932. ha-card {
  933. margin-top: -66px;
  934. }
  935.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement