API tools faq
paste
Pivotonian

Rooms

Pivotonian
Sep 23rd, 2025
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.52 KB | None | 0 0
raw download clone embed print report
  1. type: custom:button-card
  2. name: Rooms
  3. entity: input_select.column_a2
  4. show_name: true
  5. show_state: false
  6. styles:
  7. grid:
  8. - grid-template-areas: '"n" "header" "stack"'
  9. grid-template-columns: 1fr
  10. grid-template-rows: auto
  11. align-content: start
  12. align-self: start
  13. justify-content: start
  14. justify-self: start
  15. card:
  16. - background-color: transparent
  17. border: solid 2px transparent
  18. height: 375px
  19. width: 302.5px
  20. padding: 15px 10px 0px 10px
  21. margin: 0px 0px 0px 0px
  22. name:
  23. - font-size: 18px
  24. font-weight: 600
  25. padding: 10px 10px 20px 15px
  26. margin: 0px 0px 10px 0px
  27. align-self: start
  28. justify-self: start
  29. custom_fields:
  30. header:
  31. - margin-top: 40px
  32. custom_fields:
  33. header:
  34. card:
  35. type: custom:button-card
  36. template: divider
  37. stack:
  38. card:
  39. type: custom:button-card
  40. show_state: false
  41. show_name: true
  42. show_icon: false
  43. styles:
  44. grid:
  45. - grid-template-areas: >-
  46. "nursery" "divider2" "bedroom" "divider3" "kitchen" "divider4"
  47. "living" "divider5" "study" "divider6" "patio" "divider7"
  48. "front" "divider8" "backyard" "divider9" "garage"
  49. card:
  50. - background-color: transparent
  51. padding: 0px
  52. margin: 0px
  53. height: 320px
  54. overflow-y: auto
  55. border-radius: 0px
  56. custom_fields:
  57. divider2:
  58. card:
  59. type: custom:button-card
  60. template: divider
  61. divider3:
  62. card:
  63. type: custom:button-card
  64. template: divider
  65. divider4:
  66. card:
  67. type: custom:button-card
  68. template: divider
  69. divider5:
  70. card:
  71. type: custom:button-card
  72. template: divider
  73. divider6:
  74. card:
  75. type: custom:button-card
  76. template: divider
  77. divider7:
  78. card:
  79. type: custom:button-card
  80. template: divider
  81. divider8:
  82. card:
  83. type: custom:button-card
  84. template: divider
  85. divider9:
  86. card:
  87. type: custom:button-card
  88. template: divider
  89. nursery:
  90. card:
  91. type: custom:button-card
  92. template: sidebar_room_cards
  93. name: Nursery
  94. variables:
  95. var_entity: input_boolean.nursery_dash
  96. var_script: script.nursery_dash_2
  97. var_motion: binary_sensor.nursery_motion_sensor
  98. var_lights_sensor: sensor.nursery_lights
  99. var_light: light.nursery_lights
  100. var_color: var(--label-badge-blue)
  101. var_temp: sensor.nursery_average_temperature
  102. var_climate: climate.nursery_split_system
  103. tap_action:
  104. action: navigate
  105. navigation_path: '#nursery'
  106. kitchen:
  107. card:
  108. type: custom:button-card
  109. template: sidebar_room_cards
  110. name: Kitchen
  111. variables:
  112. var_entity: input_boolean.kitchen_dash
  113. var_script: script.kitchen_dash_2
  114. var_motion: binary_sensor.everything_presence_lite_20c1bc_occupancy
  115. var_lights_sensor: sensor.kitchen_lights
  116. var_light: light.kitchen_lights
  117. var_temp: sensor.kitchen_temperature_adjusted
  118. var_color: var(--label-badge-green)
  119. var_climate: sensor.unavailable
  120. tap_action:
  121. action: navigate
  122. navigation_path: '#kitchen'
  123. living:
  124. card:
  125. type: custom:button-card
  126. template: sidebar_room_cards
  127. name: Living
  128. variables:
  129. var_entity: input_boolean.living_room_dash
  130. var_script: script.living_room_dash_2
  131. var_motion: binary_sensor.living_room_presence_sensor
  132. var_lights_sensor: sensor.living_room_lights
  133. var_light: light.living_room_lights
  134. var_temp: sensor.living_room_split_system_temperature_feels_like
  135. var_color: var(--label-badge-red)
  136. var_climate: climate.living_room_split_system
  137. tap_action:
  138. action: navigate
  139. navigation_path: '#living-room'
  140. bedroom:
  141. card:
  142. type: custom:button-card
  143. template: sidebar_room_cards
  144. name: Bedroom
  145. variables:
  146. var_entity: input_boolean.bedroom_dash
  147. var_script: script.bedroom_dash_2
  148. var_motion: binary_sensor.presence_sensor_presence
  149. var_lights_sensor: sensor.bedroom_lights
  150. var_light: light.bedroom_lights
  151. var_temp: sensor.bedroom_split_system_temperature_feels_like
  152. var_color: '#c05bf3'
  153. var_climate: climate.bedroom_split_system
  154. tap_action:
  155. action: navigate
  156. navigation_path: '#bedroom'
  157. study:
  158. card:
  159. type: custom:button-card
  160. template: sidebar_room_cards
  161. name: Study
  162. variables:
  163. var_entity: input_boolean.study_dash
  164. var_script: script.study_dash_2
  165. var_motion: binary_sensor.epl_study_occupancy
  166. var_lights_sensor: sensor.study_lights
  167. var_light: light.study_lights
  168. var_temp: sensor.unavailable
  169. var_color: '#ffa00a'
  170. var_climate: sensor.unavailable
  171. tap_action:
  172. action: navigate
  173. navigation_path: '#study'
  174. patio:
  175. card:
  176. type: custom:button-card
  177. template: sidebar_room_cards
  178. name: Patio
  179. variables:
  180. var_entity: input_boolean.patio_dash
  181. var_script: script.patio_dash_2
  182. var_motion: binary_sensor.pergola_motion
  183. var_lights_sensor: sensor.patio_lights
  184. var_light: light.patio_lights
  185. var_temp: sensor.unavailable
  186. var_color: '#ff375e'
  187. var_climate: sensor.unavailable
  188. tap_action:
  189. action: navigate
  190. navigation_path: '#patio'
  191. front:
  192. card:
  193. type: custom:button-card
  194. template: sidebar_room_cards
  195. name: Front Yard
  196. variables:
  197. var_entity: input_boolean.front_yard_dash
  198. var_script: script.front_yard_dash_2
  199. var_motion: input_boolean.front_yard_people
  200. var_lights_sensor: sensor.front_yard_lights
  201. var_light: light.front_yard_lights
  202. var_temp: sensor.unavailable
  203. var_color: '#64d3ff'
  204. var_climate: sensor.unavailable
  205. tap_action:
  206. action: navigate
  207. navigation_path: '#front-yard'
  208. backyard:
  209. card:
  210. type: custom:button-card
  211. template: sidebar_room_cards
  212. name: Backyard
  213. variables:
  214. var_entity: input_boolean.backyard_dash
  215. var_script: script.backyard_dash_2
  216. var_motion: input_boolean.backyard_people
  217. var_lights_sensor: sensor.backyard_lights
  218. var_light: light.backyard_lights
  219. var_temp: sensor.unavailable
  220. var_color: '#ffd609'
  221. var_climate: sensor.unavailable
  222. tap_action:
  223. action: navigate
  224. navigation_path: '#backyard'
  225. garage:
  226. card:
  227. type: custom:button-card
  228. template: sidebar_room_cards
  229. name: Garage
  230. variables:
  231. var_entity: input_boolean.garage_dash
  232. var_script: script.garage_dash_2
  233. var_motion: sensor.unavailable
  234. var_lights_sensor: sensor.garage_lights
  235. var_light: light.garage_lights
  236. var_temp: sensor.unavailable
  237. var_color: '#755be6'
  238. var_climate: sensor.unavailable
  239. tap_action:
  240. action: navigate
  241. navigation_path: '#garage'
  242. card_mod:
  243. style: |
  244. :host {
  245. display: block;
  246. position: relative; margin: 0px 6px 0px 0px;
  247. }
  248.  
  249. :host::before {
  250.  
  251. content: "";
  252. position: absolute;
  253. inset: 0;
  254. border-radius: 30px;
  255. -webkit-backdrop-filter: blur(50px);
  256. z-index: -1;
  257. padding: .1rem;
  258. background: linear-gradient(60deg,
  259. rgba(255,255,255,0.0) 0%,
  260. rgba(255,255,255,0.2) 49%,
  261. rgba(255,255,255,0.2) 51%,
  262. rgba(255,255,255,0.0) 100%);
  263. -webkit-mask:
  264. linear-gradient(#fff 0 0) content-box,
  265. linear-gradient(#fff 0 0);
  266. -webkit-mask-composite: xor;
  267. mask-composite: exclude;
  268. z-index: 0; filter: saturate(140%);
  269. }
  270.  
  271. :host::after {
  272. content: "";
  273. background: linear-gradient(180deg, rgba(255,255,255, 0.1) 20%, rgba(255,255,255, 0.0) 100%);
  274. position: absolute;
  275. inset: 0;
  276. border-radius: 30px;
  277. box-shadow: inset -8px 10px 15px rgba(0, 0, 0, 0.1);
  278. z-index: -1;
  279.  
  280. -webkit-backdrop-filter:blur(30px) saturate(110%) brightness(90%);
  281. filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.2)); }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!