API tools faq
paste
Advertisement
caffeinated00

horizontal-stack-room-cards

caffeinated00
Jan 17th, 2025
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.82 KB | None | 0 0
raw download clone embed print report
  1. type: horizontal-stack
  2. cards:
  3. - type: horizontal-stack
  4. cards:
  5. - type: custom:stack-in-card
  6. mode: horizontal
  7. cards:
  8. - type: vertical-stack
  9. cards:
  10. - type: custom:mushroom-template-card
  11. primary: Living Room
  12. secondary: >-
  13. {{ states('sensor.living_room_temperature')|round(2) }}°F | {{
  14. states('sensor.living_room_humidity')|round(2) }}%
  15. card_mod:
  16. style:
  17. mushroom-shape-icon$: |
  18. .shape {
  19. display: none !important;
  20. }
  21. .: |
  22. ha-card {
  23. border: 0px;
  24. padding-left: 10px;
  25. padding-top: 10px;
  26. width: 500px;
  27. }
  28. - type: custom:mushroom-template-card
  29. entity: light.family_light
  30. layout: horizontal
  31. icon: mdi:sofa
  32. hold_action:
  33. action: more-info
  34. icon_color: >-
  35. {% if is_state('light.family_light', 'on') %} #72A0BE {% else
  36. %} #7A7A7F {% endif %}
  37. primary_info: none
  38. secondary_info: none
  39. card_mod:
  40. style:
  41. mushroom-shape-icon$: |
  42. .shape {
  43. --icon-size: 135px;
  44. }
  45. .: |
  46. ha-card {
  47. border: 0px;
  48. margin-left: -30px;
  49. margin-top: -20px;
  50.  
  51. }
  52. - type: custom:mushroom-chips-card
  53. chips:
  54. - type: template
  55. entity: light.black_lamp
  56. tap_action:
  57. action: toggle
  58. hold_action:
  59. action: more-info
  60. double_tap_action:
  61. action: more-info
  62. icon: mdi:floor-lamp-dual-outline
  63. card_mod:
  64. style: |
  65. ha-card {
  66. --chip-background: {% if is_state('light.black_lamp', 'on') %} #E3C8C4 {% else %} #353535 {% endif %};
  67. --color: {% if is_state('light.black_lamp', 'on') %} #433752 {% else %} #DBDBDB {% endif %};
  68. justify-content: center;
  69. height: 35px !important;
  70. width: 35px !important;
  71. border: 0 !important;
  72. box-shadow: none !important;
  73. border-radius: 22px !important;
  74. }
  75. - type: template
  76. entity: switch.black_cabinet_plug_zb
  77. tap_action:
  78. action: toggle
  79. hold_action:
  80. action: more-info
  81. double_tap_action:
  82. action: more-info
  83. icon: mdi:leaf
  84. card_mod:
  85. style: |
  86. ha-card {
  87. --chip-background: {% if is_state('switch.black_cabinet_plug_zb', 'on') %} #98A8A2 {% else %} #353535 {% endif %};
  88. --color: {% if is_state('switch.black_cabinet_plug_zb', 'on') %} #4E6365 {% else %} #DBDBDB {% endif %};
  89. justify-content: center;
  90. height: 35px !important;
  91. width: 35px !important;
  92. border: 0 !important;
  93. box-shadow: none !important;
  94. border-radius: 22px !important;
  95. }
  96. - type: template
  97. entity: light.fish_tank_bulb_zb
  98. tap_action:
  99. action: toggle
  100. hold_action:
  101. action: more-info
  102. double_tap_action:
  103. action: more-info
  104. icon: mdi:fish
  105. card_mod:
  106. style: |
  107. ha-card {
  108. --chip-background: {% if is_state('light.fish_tank_bulb_zb', 'on') %} #72A0BE {% else %} #353535 {% endif %};
  109. --color: {% if is_state('light.fish_tank_bulb_zb', 'on') %} #3A507B {% else %} #DBDBDB {% endif %};
  110. justify-content: center;
  111. height: 35px !important;
  112. width: 35px !important;
  113. border: 0 !important;
  114. box-shadow: none !important;
  115. border-radius: 22px !important;
  116. }
  117. - type: template
  118. tap_action:
  119. action: perform-action
  120. perform_action: switch.turn_on
  121. target:
  122. entity_id: switch.apple_tv_3rd_128_110_aed4_turn_on
  123. hold_action:
  124. action: none
  125. double_tap_action:
  126. action: perform-action
  127. perform_action: switch.turn_on
  128. target:
  129. entity_id: switch.apple_tv_3rd_128_110_aed4_turn_off
  130. icon: mdi:monitor
  131. card_mod:
  132. style: |
  133. ha-card {
  134. --chip-background: {% if is_state('media_player.sony_tv_hk_direct_television', 'on') %} #BB6052 {% else %} #353535 {% endif %};
  135. --color: {% if is_state('media_player.sony_tv_hk_direct_television', 'on') %} #793C3C {% else %} #DBDBDB {% endif %};
  136. justify-content: center;
  137. height: 35px !important;
  138. width: 35px !important;
  139. border: 0 !important;
  140. box-shadow: none !important;
  141. border-radius: 22px !important;
  142. }
  143. card_mod:
  144. style: |
  145. .chip-container {
  146. flex-flow: column wrap-reverse !important;
  147. display: flex !important;
  148. --chip-spacing: 8px;
  149. margin: 12px;
  150. }
  151. .: |
  152. .container {
  153. align: end;
  154. }
  155. card_mod:
  156. style: |
  157. ha-card {
  158. max-width: 100%;
  159. min-width: 50%;
  160. height: 186px;
  161. }
  162. grid_options:
  163. columns: 6
  164. rows: 3
  165. - type: horizontal-stack
  166. cards:
  167. - type: custom:stack-in-card
  168. mode: horizontal
  169. cards:
  170. - type: vertical-stack
  171. cards:
  172. - type: custom:mushroom-template-card
  173. primary: Kitchen
  174. entity: light.kitchen_dimmer
  175. tap_action:
  176. action: navigate
  177. navigation_path: kitchen
  178. secondary: >-
  179. {{ (states('sensor.kitchen_outlet_fellow_15_1d') | float +
  180. states('sensor.mudroom_5_1d') | float +
  181. states('sensor.fridge_12_1d') | float +
  182. states('sensor.microwave_6_1d') | float +
  183. states('sensor.oven_2_1d') | float) | round(2) }} kWh
  184. card_mod:
  185. style:
  186. mushroom-shape-icon$: |
  187. .shape {
  188. display: none !important;
  189. }
  190. .: |
  191. ha-card {
  192.  
  193. border: 0px;
  194. padding-left: 10px;
  195. padding-top: 10px;
  196. width: 500px;
  197. }
  198. - type: custom:mushroom-template-card
  199. entity: light.kitchen_dimmer
  200. layout: horizontal
  201. icon: |
  202. {% if is_state('switch.coffee_zb', 'on') %}
  203. mdi:coffee-outline
  204. {% elif is_state('input_boolean.dishwasher_boolean', 'on') %}
  205. mdi:dishwasher
  206. {% else %}
  207. mdi:coffee-maker-outline
  208. {% endif %}
  209. tap_action:
  210. action: toggle
  211. hold_action:
  212. action: more-info
  213. double_tap_action:
  214. action: more-info
  215. icon_color: |-
  216. {% if is_state('light.kitchen_dimmer', 'on') %}
  217. #A692B9
  218. {% elif is_state('input_boolean.dishwasher_boolean', 'on') %}
  219. #A697C1
  220. {% else %}
  221. #7A7A7F
  222. {% endif %}
  223. primary_info: none
  224. secondary_info: none
  225. card_mod:
  226. style:
  227. mushroom-shape-icon$: |
  228. .shape {
  229. --icon-size: 135px;
  230. }
  231. .: |
  232. ha-card {
  233. border: 0px;
  234. margin-left: -30px;
  235. margin-top: -20px;
  236.  
  237. }
  238. - type: custom:mushroom-chips-card
  239. chips:
  240. - type: template
  241. entity: light.wled
  242. tap_action:
  243. action: toggle
  244. hold_action:
  245. action: more-info
  246. double_tap_action:
  247. action: more-info
  248. icon: mdi:led-strip-variant
  249. card_mod:
  250. style: |
  251. ha-card {
  252. --chip-background: {% if is_state('light.wled', 'on') %} #679DB1 {% else %} #353535 {% endif %};
  253. --color: {% if is_state('light.wled', 'on') %} #35515B {% else %} #DBDBDB {% endif %};
  254. justify-content: center;
  255. height: 35px !important;
  256. width: 35px !important;
  257. border: 0 !important;
  258. box-shadow: none !important;
  259. border-radius: 22px !important;
  260. }
  261. - type: template
  262. entity: light.smart_dining_light
  263. tap_action:
  264. action: toggle
  265. hold_action:
  266. action: more-info
  267. double_tap_action:
  268. action: more-info
  269. icon: mdi:silverware-fork-knife
  270. card_mod:
  271. style: |
  272. ha-card {
  273. --chip-background: {% if is_state('light.smart_dining_light', 'on') %} #D2A7A7 {% else %} #353535 {% endif %};
  274. --color: {% if is_state('light.smart_dining_light', 'on') %} #715A5A {% else %} #DBDBDB {% endif %};
  275. justify-content: center;
  276. height: 35px !important;
  277. width: 35px !important;
  278. border: 0 !important;
  279. box-shadow: none !important;
  280. border-radius: 22px !important;
  281. }
  282. - type: template
  283. entity: switch.kitchen_cabinet_light
  284. tap_action:
  285. action: toggle
  286. hold_action:
  287. action: more-info
  288. double_tap_action:
  289. action: more-info
  290. icon: mdi:pot-mix
  291. card_mod:
  292. style: |
  293. ha-card {
  294. --chip-background: {% if is_state('switch.kitchen_cabinet_light', 'on') %} #DB9D54 {% else %} #353535 {% endif %};
  295. --color: {% if is_state('switch.kitchen_cabinet_light', 'on') %} #95712E {% else %} #DBDBDB {% endif %};
  296. justify-content: center;
  297. height: 35px !important;
  298. width: 35px !important;
  299. border: 0 !important;
  300. box-shadow: none !important;
  301. border-radius: 22px !important;
  302. }
  303. - type: template
  304. entity: switch.coffee_zb
  305. tap_action:
  306. action: toggle
  307. confirmation:
  308. text: Do you want to toggle on Coffee machine?
  309. hold_action:
  310. action: none
  311. double_tap_action:
  312. action: none
  313. icon: mdi:coffee-outline
  314. card_mod:
  315. style: |
  316. ha-card {
  317. --chip-background: {% if is_state('switch.coffee_zb', 'on') %} #AD7D79 {% else %} #353535 {% endif %};
  318. --color: {% if is_state('switch.coffee_zb', 'on') %} #50443F {% else %} #DBDBDB {% endif %};
  319. justify-content: center;
  320. height: 35px !important;
  321. width: 35px !important;
  322. border: 0 !important;
  323. box-shadow: none !important;
  324. border-radius: 22px !important;
  325. }
  326. card_mod:
  327. style: |
  328. .chip-container {
  329. flex-flow: column wrap-reverse !important;
  330. display: flex !important;
  331. --chip-spacing: 8px;
  332. margin: 12px;
  333. }
  334. .: |
  335. .container {
  336. align: end;
  337. }
  338. card_mod:
  339. style: |
  340. ha-card {
  341. max-width: 100%;
  342. min-width: 50%;
  343. height: 186px;
  344. }
  345. grid_options:
  346. columns: 6
  347. rows: 3
  348.  
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!