API tools faq
paste
Advertisement
pqpxoxa

Light Dashboard Example

pqpxoxa
Jul 24th, 2020
2,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.79 KB | None | 0 0
raw download clone embed print report
  1. type: vertical-stack
  2. cards:
  3. - content: |
  4. # Hallway
  5. style:
  6. .: |
  7. ha-card {
  8. --paper-card-background-color: none !important;
  9. box-shadow: none !important;
  10. }
  11. ha-markdown:
  12. $: |
  13. h1 {
  14. font-size: 30px;
  15. # font-weight: bold;
  16. text-align: center;
  17. letter-spacing: '-0.01em';
  18. }
  19. type: markdown
  20. - type: horizontal-stack
  21. cards:
  22. - type: 'custom:button-card'
  23. color_type: blank-card
  24. icon: 'mdi:led-strip-variant'
  25. name: Floor
  26. styles:
  27. card:
  28. - width: 50px
  29. - type: 'custom:button-card'
  30. entity: switch.front_door_lamp
  31. icon: 'mdi:lamp'
  32. name: Front Door Lamp
  33. state:
  34. - value: 'off'
  35. icon: 'mdi:lamp'
  36. styles:
  37. card:
  38. - height: 100px
  39. icon:
  40. - width: 25%
  41. - opacity: 0.5
  42. name:
  43. - padding: 5px 0px
  44. - font-size: 15px
  45. - text-overflow: unset
  46. - white-space: unset
  47. - word-break: break-word
  48. - operator: default
  49. icon: 'mdi:lamp'
  50. color: white
  51. styles:
  52. card:
  53. - height: 100px
  54. icon:
  55. - width: 25%
  56. name:
  57. - padding: 5px 0px
  58. - font-size: 15px
  59. - text-overflow: unset
  60. - white-space: unset
  61. - word-break: break-word
  62. - type: 'custom:button-card'
  63. entity: light.second_ceiling_lights
  64. icon: 'mdi:wall-sconce-flat'
  65. name: Ground Floor Ceiling
  66. state:
  67. - value: 'off'
  68. icon: 'mdi:wall-sconce-flat'
  69. styles:
  70. card:
  71. - height: 100px
  72. icon:
  73. - width: 25%
  74. - opacity: 0.5
  75. name:
  76. - padding: 5px 0px
  77. - font-size: 15px
  78. - text-overflow: unset
  79. - white-space: unset
  80. - word-break: break-word
  81. - operator: default
  82. icon: 'mdi:wall-sconce-flat'
  83. color: white
  84. styles:
  85. card:
  86. - height: 100px
  87. icon:
  88. - width: 25%
  89. name:
  90. - padding: 5px 0px
  91. - font-size: 15px
  92. - text-overflow: unset
  93. - white-space: unset
  94. - word-break: break-word
  95. - type: 'custom:button-card'
  96. color_type: blank-card
  97. icon: 'mdi:led-strip-variant'
  98. name: Floor
  99. styles:
  100. card:
  101. - width: 50px
  102. - type: horizontal-stack
  103. cards:
  104. - type: 'custom:button-card'
  105. color_type: blank-card
  106. icon: 'mdi:led-strip-variant'
  107. name: Floor
  108. styles:
  109. card:
  110. - width: 50px
  111. - type: 'custom:button-card'
  112. entity: light.second_ceiling_lights
  113. icon: 'mdi:wall-sconce-flat'
  114. name: First Floor Ceiling
  115. state:
  116. - value: 'off'
  117. icon: 'mdi:wall-sconce-flat'
  118. styles:
  119. card:
  120. - height: 100px
  121. icon:
  122. - width: 25%
  123. - opacity: 0.5
  124. name:
  125. - padding: 5px 0px
  126. - font-size: 15px
  127. - text-overflow: unset
  128. - white-space: unset
  129. - word-break: break-word
  130. - operator: default
  131. icon: 'mdi:wall-sconce-flat'
  132. color: white
  133. styles:
  134. card:
  135. - height: 100px
  136. icon:
  137. - width: 25%
  138. name:
  139. - padding: 5px 0px
  140. - font-size: 15px
  141. - text-overflow: unset
  142. - white-space: unset
  143. - word-break: break-word
  144. - type: 'custom:button-card'
  145. entity: light.second_ceiling_lights
  146. icon: 'mdi:wall-sconce-flat'
  147. name: Second Floor Ceiling
  148. state:
  149. - value: 'off'
  150. icon: 'mdi:wall-sconce-flat'
  151. styles:
  152. card:
  153. - height: 100px
  154. icon:
  155. - width: 25%
  156. - opacity: 0.5
  157. name:
  158. - padding: 5px 0px
  159. - font-size: 15px
  160. - text-overflow: unset
  161. - white-space: unset
  162. - word-break: break-word
  163. - operator: default
  164. icon: 'mdi:wall-sconce-flat'
  165. color: white
  166. styles:
  167. card:
  168. - height: 100px
  169. icon:
  170. - width: 25%
  171. name:
  172. - padding: 5px 0px
  173. - font-size: 15px
  174. - text-overflow: unset
  175. - white-space: unset
  176. - word-break: break-word
  177. - type: 'custom:button-card'
  178. color_type: blank-card
  179. icon: 'mdi:led-strip-variant'
  180. name: Floor
  181. styles:
  182. card:
  183. - width: 50px
  184. - type: vertical-stack
  185. cards:
  186. - content: |
  187. # Snug
  188. style:
  189. .: |
  190. ha-card {
  191. --paper-card-background-color: none !important;
  192. box-shadow: none !important;
  193. }
  194. ha-markdown:
  195. $: |
  196. h1 {
  197. font-size: 30px;
  198. # font-weight: bold;
  199. text-align: center;
  200. letter-spacing: '-0.01em';
  201. }
  202. type: markdown
  203. - type: horizontal-stack
  204. cards:
  205. - type: 'custom:button-card'
  206. color_type: blank-card
  207. icon: 'mdi:led-strip-variant'
  208. name: Floor
  209. styles:
  210. card:
  211. - width: 50px
  212. - type: 'custom:button-card'
  213. entity: switch.sonoff_10004008d2
  214. icon: 'mdi:ceiling-light'
  215. name: Ceiling
  216. state:
  217. - value: 'off'
  218. icon: 'mdi:ceiling-light'
  219. styles:
  220. card:
  221. - height: 100px
  222. icon:
  223. - width: 25%
  224. - opacity: 0.5
  225. name:
  226. - padding: 5px 0px
  227. - font-size: 15px
  228. - text-overflow: unset
  229. - white-space: unset
  230. - word-break: break-word
  231. - operator: default
  232. icon: 'mdi:ceiling-light'
  233. color: white
  234. styles:
  235. card:
  236. - height: 100px
  237. icon:
  238. - width: 25%
  239. name:
  240. - padding: 5px 0px
  241. - font-size: 15px
  242. - text-overflow: unset
  243. - white-space: unset
  244. - word-break: break-word
  245. - type: 'custom:button-card'
  246. entity: switch.sonoff_10004008d2
  247. icon: 'mdi:floor-lamp'
  248. name: Floor Lamp
  249. state:
  250. - value: 'off'
  251. icon: 'mdi:floor-lamp'
  252. styles:
  253. card:
  254. - height: 100px
  255. icon:
  256. - width: 25%
  257. - opacity: 0.5
  258. name:
  259. - padding: 5px 0px
  260. - font-size: 15px
  261. - text-overflow: unset
  262. - white-space: unset
  263. - word-break: break-word
  264. - operator: default
  265. icon: 'mdi:floor-lamp'
  266. color: white
  267. styles:
  268. card:
  269. - height: 100px
  270. icon:
  271. - width: 25%
  272. name:
  273. - padding: 5px 0px
  274. - font-size: 15px
  275. - text-overflow: unset
  276. - white-space: unset
  277. - word-break: break-word
  278. - type: 'custom:button-card'
  279. color_type: blank-card
  280. icon: 'mdi:led-strip-variant'
  281. name: Floor
  282. styles:
  283. card:
  284. - width: 50px
  285. - type: vertical-stack
  286. cards:
  287. - content: |
  288. # Kitchen
  289. style:
  290. .: |
  291. ha-card {
  292. --paper-card-background-color: none !important;
  293. box-shadow: none !important;
  294. }
  295. ha-markdown:
  296. $: |
  297. h1 {
  298. font-size: 30px;
  299. # font-weight: bold;
  300. text-align: center;
  301. letter-spacing: '-0.01em';
  302. }
  303. type: markdown
  304. - type: horizontal-stack
  305. cards:
  306. - type: 'custom:button-card'
  307. color_type: blank-card
  308. icon: 'mdi:led-strip-variant'
  309. name: Floor
  310. styles:
  311. card:
  312. - width: 50px
  313. - type: 'custom:button-card'
  314. entity: light.second_ceiling_lights
  315. icon: 'mdi:wall-sconce-flat'
  316. name: Ceiling
  317. state:
  318. - value: 'off'
  319. icon: 'mdi:wall-sconce-flat'
  320. styles:
  321. card:
  322. - height: 100px
  323. icon:
  324. - width: 25%
  325. - opacity: 0.5
  326. name:
  327. - padding: 5px 0px
  328. - font-size: 15px
  329. - text-overflow: unset
  330. - white-space: unset
  331. - word-break: break-word
  332. - operator: default
  333. icon: 'mdi:wall-sconce-flat'
  334. color: white
  335. styles:
  336. card:
  337. - height: 100px
  338. icon:
  339. - width: 25%
  340. name:
  341. - padding: 5px 0px
  342. - font-size: 15px
  343. - text-overflow: unset
  344. - white-space: unset
  345. - word-break: break-word
  346. - type: 'custom:button-card'
  347. entity: light.second_ceiling_lights
  348. icon: 'mdi:ceiling-light'
  349. name: Table
  350. state:
  351. - value: 'off'
  352. icon: 'mdi:ceiling-light'
  353. styles:
  354. card:
  355. - height: 100px
  356. icon:
  357. - width: 25%
  358. - opacity: 0.5
  359. name:
  360. - padding: 5px 0px
  361. - font-size: 15px
  362. - text-overflow: unset
  363. - white-space: unset
  364. - word-break: break-word
  365. - operator: default
  366. icon: 'mdi:ceiling-light'
  367. color: white
  368. styles:
  369. card:
  370. - height: 100px
  371. icon:
  372. - width: 25%
  373. name:
  374. - padding: 5px 0px
  375. - font-size: 15px
  376. - text-overflow: unset
  377. - white-space: unset
  378. - word-break: break-word
  379. - type: 'custom:button-card'
  380. entity: group.kitchen_rgb
  381. icon: 'mdi:led-strip-variant'
  382. name: Cabinets
  383. state:
  384. - value: 'off'
  385. icon: 'mdi:led-strip-variant'
  386. styles:
  387. card:
  388. - height: 100px
  389. icon:
  390. - width: 25%
  391. - opacity: 0.5
  392. name:
  393. - padding: 5px 0px
  394. - font-size: 15px
  395. - text-overflow: unset
  396. - white-space: unset
  397. - word-break: break-word
  398. - operator: default
  399. icon: 'mdi:led-strip-variant'
  400. color: white
  401. styles:
  402. card:
  403. - height: 100px
  404. icon:
  405. - width: 25%
  406. name:
  407. - padding: 5px 0px
  408. - font-size: 15px
  409. - text-overflow: unset
  410. - white-space: unset
  411. - word-break: break-word
  412. - type: 'custom:button-card'
  413. color_type: blank-card
  414. icon: 'mdi:led-strip-variant'
  415. name: Floor
  416. styles:
  417. card:
  418. - width: 50px
  419. - type: vertical-stack
  420. cards:
  421. - content: |
  422. # Living Room
  423. style:
  424. .: |
  425. ha-card {
  426. --paper-card-background-color: none !important;
  427. box-shadow: none !important;
  428. }
  429. ha-markdown:
  430. $: |
  431. h1 {
  432. font-size: 30px;
  433. # font-weight: bold;
  434. text-align: center;
  435. letter-spacing: '-0.01em';
  436. }
  437. type: markdown
  438. - type: horizontal-stack
  439. cards:
  440. - type: 'custom:button-card'
  441. color_type: blank-card
  442. icon: 'mdi:led-strip-variant'
  443. name: Floor
  444. styles:
  445. card:
  446. - width: 50px
  447. - type: 'custom:button-card'
  448. entity: switch.living_room_corner_lamp
  449. icon: 'mdi:lamp'
  450. name: Lamp
  451. state:
  452. - value: 'off'
  453. icon: 'mdi:lamp'
  454. styles:
  455. card:
  456. - height: 100px
  457. icon:
  458. - width: 25%
  459. - opacity: 0.5
  460. name:
  461. - padding: 5px 0px
  462. - font-size: 15px
  463. - text-overflow: unset
  464. - white-space: unset
  465. - word-break: break-word
  466. - operator: default
  467. icon: 'mdi:lamp'
  468. color: white
  469. styles:
  470. card:
  471. - height: 100px
  472. icon:
  473. - width: 25%
  474. name:
  475. - padding: 5px 0px
  476. - font-size: 15px
  477. - text-overflow: unset
  478. - white-space: unset
  479. - word-break: break-word
  480. - type: 'custom:button-card'
  481. entity: light.living_room
  482. icon: 'mdi:floor-lamp'
  483. name: Floor Lamp
  484. state:
  485. - value: 'off'
  486. icon: 'mdi:floor-lamp'
  487. styles:
  488. card:
  489. - height: 100px
  490. icon:
  491. - width: 25%
  492. - opacity: 0.5
  493. name:
  494. - padding: 5px 0px
  495. - font-size: 15px
  496. - text-overflow: unset
  497. - white-space: unset
  498. - word-break: break-word
  499. - operator: default
  500. icon: 'mdi:floor-lamp'
  501. color: white
  502. styles:
  503. card:
  504. - height: 100px
  505. icon:
  506. - width: 25%
  507. name:
  508. - padding: 5px 0px
  509. - font-size: 15px
  510. - text-overflow: unset
  511. - white-space: unset
  512. - word-break: break-word
  513. - type: 'custom:button-card'
  514. color_type: blank-card
  515. icon: 'mdi:led-strip-variant'
  516. name: Floor
  517. styles:
  518. card:
  519. - width: 50px
  520. - type: horizontal-stack
  521. cards:
  522. - type: 'custom:button-card'
  523. color_type: blank-card
  524. icon: 'mdi:led-strip-variant'
  525. name: Floor
  526. styles:
  527. card:
  528. - width: 50px
  529. - type: 'custom:button-card'
  530. entity: light.living_room
  531. icon: 'mdi:globe-light'
  532. name: Ceiling
  533. state:
  534. - value: 'off'
  535. icon: 'mdi:globe-light'
  536. styles:
  537. card:
  538. - height: 100px
  539. icon:
  540. - width: 25%
  541. - opacity: 0.5
  542. name:
  543. - padding: 5px 0px
  544. - font-size: 15px
  545. - text-overflow: unset
  546. - white-space: unset
  547. - word-break: break-word
  548. - operator: default
  549. icon: 'mdi:globe-light'
  550. color: white
  551. styles:
  552. card:
  553. - height: 100px
  554. icon:
  555. - width: 25%
  556. name:
  557. - padding: 5px 0px
  558. - font-size: 15px
  559. - text-overflow: unset
  560. - white-space: unset
  561. - word-break: break-word
  562. - type: 'custom:button-card'
  563. entity: light.living_room_tv_cabinet_rgb_light
  564. icon: 'mdi:led-strip-variant'
  565. name: TV Cabinet
  566. state:
  567. - value: 'off'
  568. icon: 'mdi:led-strip-variant'
  569. styles:
  570. card:
  571. - height: 100px
  572. icon:
  573. - width: 25%
  574. - opacity: 0.5
  575. name:
  576. - padding: 5px 0px
  577. - font-size: 15px
  578. - text-overflow: unset
  579. - white-space: unset
  580. - word-break: break-word
  581. - operator: default
  582. icon: 'mdi:led-strip-variant'
  583. color: white
  584. styles:
  585. card:
  586. - height: 100px
  587. icon:
  588. - width: 25%
  589. name:
  590. - padding: 5px 0px
  591. - font-size: 15px
  592. - text-overflow: unset
  593. - white-space: unset
  594. - word-break: break-word
  595. - type: 'custom:button-card'
  596. color_type: blank-card
  597. icon: 'mdi:led-strip-variant'
  598. name: Floor
  599. styles:
  600. card:
  601. - width: 50px
  602.  
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!