API tools faq
paste
caffeinated00

Full homelab code

caffeinated00
Jan 24th, 2025
291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 159.27 KB | None | 0 0
raw download clone embed print report
  1. type: sections
  2. max_columns: 1
  3. path: lab
  4. sections:
  5. - type: grid
  6. cards:
  7. - type: custom:mushroom-chips-card
  8. chips:
  9. - type: action
  10. tap_action:
  11. action: navigate
  12. navigation_path: /dashboard-mushroom/0
  13. icon: mdi:home-export-outline
  14. alignment: center
  15. card_mod:
  16. style: |
  17. ha-card:active {
  18. transform: scale(0.975);
  19. transition: 0s;
  20. }
  21. - type: custom:bubble-card
  22. card_type: separator
  23. name: n e t w o r k
  24. icon: mdi:lan-connect
  25. sub_button:
  26. - show_state: true
  27. show_background: false
  28. show_name: true
  29. show_last_changed: false
  30. tap_action:
  31. action: navigate
  32. navigation_path: "#network"
  33. entity: binary_sensor.uptime_helper
  34. icon: mdi:network-outline
  35. name: " status"
  36. styles: |-
  37. .bubble-line {
  38. background-color: red !important;
  39. opacity: 0.1;
  40. }
  41. - type: vertical-stack
  42. cards:
  43. - type: vertical-stack
  44. cards:
  45. - type: custom:bubble-card
  46. card_type: button
  47. button_type: state
  48. name: Adguard
  49. scrolling_effect: false
  50. show_icon: true
  51. show_name: true
  52. sub_button:
  53. - show_background: false
  54. show_state: true
  55. name: ""
  56. icon: mdi:note-text-outline
  57. double_tap_action:
  58. action: none
  59. tap_action:
  60. action: more-info
  61. show_name: true
  62. show_icon: true
  63. show_attribute: false
  64. attribute: friendly_name
  65. show_last_changed: false
  66. entity: sensor.adguard_home_dns_queries
  67. - name: blocked ratio
  68. show_background: false
  69. show_name: true
  70. show_state: true
  71. tap_action:
  72. action: navigate
  73. navigation_path: "#alarm"
  74. show_attribute: true
  75. entity: sensor.adguard_home_dns_queries_blocked_ratio
  76. icon: mdi:percent-circle
  77. card_layout: large-2-rows
  78. styles: |-
  79. .bubble-button-card-container {
  80. background: rgba(0,0,0,0.1);
  81. #margin-left: 2px;
  82. }
  83. .bubble-icon-container {
  84. background: none;
  85. border-radius: 0;
  86. --mdc-icon-size: 30px !important;
  87.  
  88. }
  89. .bubble-sub-button {
  90. font-size: 12px !important;
  91. #margin-right: -16px;
  92.  
  93. }
  94. show_attribute: true
  95. attribute: apparent_temperature
  96. button_action:
  97. tap_action:
  98. action: more-info
  99. double_tap_action:
  100. action: none
  101. hold_action:
  102. action: none
  103. tap_action:
  104. action: url
  105. url_path: https://yours.com
  106. double_tap_action:
  107. action: none
  108. hold_action:
  109. action: none
  110. icon: mdi:note-edit-outline
  111. entity: sensor.adguard_home_average_processing_speed
  112. - type: custom:bubble-card
  113. card_type: empty-column
  114. - type: vertical-stack
  115. cards:
  116. - type: vertical-stack
  117. cards:
  118. - type: custom:bubble-card
  119. card_type: button
  120. button_type: state
  121. name: Adguard 2
  122. scrolling_effect: false
  123. show_icon: true
  124. show_name: true
  125. sub_button:
  126. - show_background: false
  127. show_state: true
  128. name: ""
  129. icon: mdi:note-text-outline
  130. double_tap_action:
  131. action: none
  132. tap_action:
  133. action: more-info
  134. show_name: true
  135. show_icon: true
  136. show_attribute: false
  137. attribute: friendly_name
  138. show_last_changed: false
  139. entity: sensor.adguard_home_dns_queries_2
  140. - name: blocked ratio
  141. show_background: false
  142. show_name: true
  143. show_state: true
  144. tap_action:
  145. action: navigate
  146. navigation_path: "#alarm"
  147. show_attribute: true
  148. entity: sensor.adguard_home_dns_queries_blocked_ratio_2
  149. icon: mdi:percent-circle
  150. card_layout: large-2-rows
  151. styles: |-
  152. .bubble-button-card-container {
  153. background: rgba(0,0,0,0.1);
  154.  
  155. }
  156. .bubble-icon-container {
  157. background: none;
  158. border-radius: 0;
  159. --mdc-icon-size: 30px !important;
  160.  
  161. }
  162. .bubble-sub-button {
  163. font-size: 12px !important;
  164.  
  165.  
  166. }
  167. show_attribute: true
  168. attribute: apparent_temperature
  169. button_action:
  170. tap_action:
  171. action: more-info
  172. double_tap_action:
  173. action: none
  174. hold_action:
  175. action: none
  176. tap_action:
  177. action: url
  178. url_path: https://yourip.com
  179. double_tap_action:
  180. action: none
  181. hold_action:
  182. action: none
  183. icon: mdi:note-edit-outline
  184. entity: sensor.adguard_home_average_processing_speed_2
  185. - type: custom:bubble-card
  186. card_type: empty-column
  187. - type: horizontal-stack
  188. cards:
  189. - type: vertical-stack
  190. cards:
  191. - type: custom:bubble-card
  192. card_type: button
  193. button_type: state
  194. name: Main
  195. scrolling_effect: false
  196. show_icon: true
  197. show_name: true
  198. sub_button:
  199. - icon: ""
  200. entity: button.node_pveorg_reboot
  201. tap_action:
  202. action: toggle
  203. confirmation:
  204. text: Do you want to reboot main Proxmox?
  205. card_layout: normal
  206. styles: |-
  207. .bubble-button-card-container {
  208. background: #9a9ca8; /* main button's bg color */
  209. color: #E6EAEA; /* main name text color, whiteish */
  210. }
  211. .bubble-icon-container {
  212. background: #E6EAEA; /* icon bg color */
  213. color: #9a9ca8; /* main icon color */
  214. --mdc-icon-size: 30px !important;
  215. }
  216. .bubble-sub-button {
  217. background: #E6EAEA; /* sub-icon bg color */
  218. }
  219. .bubble-sub-button-icon {
  220. --mdc-icon-size: 15px !important;
  221. color: #9a9ca8; !important; /* sub-but text color */
  222. }
  223.  
  224. show_attribute: true
  225. button_action:
  226. tap_action:
  227. action: navigate
  228. navigation_path: "#mainpve"
  229. double_tap_action:
  230. action: none
  231. hold_action:
  232. action: none
  233. double_tap_action:
  234. action: url
  235. url_path: "https://yours"
  236. tap_action:
  237. action: none
  238. hold_action:
  239. action: none
  240. icon: mdi:alpha-m
  241. entity: sensor.node_prox_memory_used_percentage
  242. show_state: false
  243. - type: custom:bubble-card
  244. card_type: empty-column
  245. - type: vertical-stack
  246. cards:
  247. - type: custom:bubble-card
  248. card_type: button
  249. button_type: state
  250. name: Sub
  251. scrolling_effect: false
  252. show_icon: true
  253. show_name: true
  254. sub_button:
  255. - entity: button.node_prox_reboot
  256. tap_action:
  257. action: more-info
  258. confirmation:
  259. text: Do you want to reboot proxmox 3060?
  260. card_layout: normal
  261. styles: |-
  262. .bubble-button-card-container {
  263. background: #9a9ca8; /* main button's bg color */
  264. color: #E6EAEA; /* main name text color, whiteish */
  265. }
  266. .bubble-icon-container {
  267. background: #E6EAEA; /* icon bg color */
  268. color: #9a9ca8; /* main icon color */
  269. --mdc-icon-size: 30px !important;
  270. }
  271. .bubble-sub-button {
  272. background: #E6EAEA; /* sub-icon bg color */
  273. }
  274. .bubble-sub-button-icon {
  275. --mdc-icon-size: 15px !important;
  276. color: #9a9ca8; !important; /* sub-but text color */
  277. }
  278.  
  279. show_attribute: true
  280. button_action:
  281. tap_action:
  282. action: navigate
  283. navigation_path: "#3060"
  284. double_tap_action:
  285. action: none
  286. hold_action:
  287. action: none
  288. double_tap_action:
  289. action: url
  290. url_path: "yours.com"
  291. tap_action:
  292. action: none
  293. hold_action:
  294. action: none
  295. icon: mdi:alpha-s
  296. entity: sensor.node_prox_memory_used_percentage
  297. show_state: false
  298. columns: 1
  299. rows: 1
  300. grid_options:
  301. columns: 12
  302. rows: auto
  303. - type: custom:bubble-card
  304. card_type: separator
  305. styles: |-
  306. .bubble-line {
  307. background-color: black !important;
  308. opacity: 0.1;
  309. }
  310.  
  311. .bubble-sub-button-icon {
  312. --mdc-icon-size: 18px !important;
  313. color: ${hass.states['binary_sensor.pvecheck'].state === 'off' ? 'green' : 'red'} !important;
  314. }
  315. name: h o s t s
  316. icon: mdi:server-outline
  317. sub_button:
  318. - entity: binary_sensor.pvecheck
  319. icon: mdi:alert-circle-outline
  320. - type: vertical-stack
  321. cards:
  322. - type: vertical-stack
  323. cards:
  324. - type: custom:bubble-card
  325. card_type: button
  326. button_type: state
  327. name: Scrypted
  328. scrolling_effect: false
  329. show_icon: true
  330. show_name: true
  331. sub_button:
  332. - show_background: false
  333. show_state: true
  334. name: RAM
  335. icon: mdi:memory
  336. double_tap_action:
  337. action: none
  338. tap_action:
  339. action: none
  340. show_name: true
  341. show_icon: true
  342. show_attribute: false
  343. attribute: friendly_name
  344. show_last_changed: false
  345. entity: sensor.lxc_scrypted_103_memory_used_percentage
  346. - name: Disk
  347. show_background: false
  348. show_name: true
  349. show_state: true
  350. tap_action:
  351. action: none
  352. show_attribute: true
  353. entity: sensor.lxc_scrypted_103_disk_used_percentage
  354. icon: mdi:harddisk
  355. - entity: sensor.lxc_scrypted_103_cpu_used
  356. show_state: true
  357. show_name: true
  358. name: CPU
  359. show_icon: true
  360. state_background: false
  361. show_background: false
  362. tap_action:
  363. action: none
  364. card_layout: large-2-rows
  365. styles: |-
  366. .bubble-button-card-container {
  367. background: #7A7691;
  368. color: #E6EAEA; /* main name text color, whiteish */
  369. #margin-left: 2px;
  370. }
  371. .bubble-icon-container {
  372. background: #E6EAEA;
  373. color: #7A7691; /* main icon color */
  374.  
  375. --mdc-icon-size: 25px !important;
  376. }
  377. .bubble-sub-button {
  378. font-size: 12px !important;
  379. color: #707275 !important; /* sub-but text color */
  380. #margin-right: -16px;
  381. }
  382. .bubble-sub-button-1 {
  383. background-color: ${hass.states['sensor.lxc_scrypted_103_memory_used_percentage'].state > 90
  384. ? '#D06D67'
  385. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  386. }
  387. .bubble-sub-button-2 {
  388. background-color: ${hass.states['sensor.lxc_scrypted_103_disk_used_percentage'].state > 60
  389. ? '#D06D67'
  390. : '#E6EAEA'} !important;
  391. }
  392. .bubble-sub-button-3 {
  393. background-color: ${hass.states['sensor.lxc_scrypted_103_cpu_used'].state > 90
  394. ? '#D06D67'
  395. : '#E6EAEA'} !important;
  396. }
  397.  
  398.  
  399. show_attribute: true
  400. attribute: apparent_temperature
  401. button_action:
  402. tap_action:
  403. action: navigate
  404. navigation_path: "#scrypted"
  405. double_tap_action:
  406. action: none
  407. hold_action:
  408. action: none
  409. double_tap_action:
  410. action: url
  411. url_path: >-
  412. https://yours.com
  413. tap_action:
  414. action: none
  415. hold_action:
  416. action: none
  417. icon: mdi:cctv
  418. entity: sensor.lxc_scrypted_103_memory_used_percentage
  419. show_state: false
  420. - type: custom:bubble-card
  421. card_type: pop-up
  422. hash: "#ha"
  423. backdrop_blur: "80"
  424. shadow_opacity: "10"
  425. name: usage
  426. icon: mdi:server-network-outline
  427. - type: vertical-stack
  428. cards:
  429. - type: vertical-stack
  430. cards:
  431. - type: custom:bubble-card
  432. card_type: button
  433. button_type: state
  434. name: HAOS
  435. scrolling_effect: false
  436. show_icon: true
  437. show_name: true
  438. sub_button:
  439. - show_background: false
  440. show_state: true
  441. name: RAM
  442. icon: mdi:memory
  443. double_tap_action:
  444. action: none
  445. tap_action:
  446. action: none
  447. show_name: true
  448. show_icon: true
  449. show_attribute: false
  450. attribute: friendly_name
  451. show_last_changed: false
  452. entity: sensor.localhost_memory_usage
  453. - name: Disk
  454. show_background: false
  455. show_name: true
  456. show_state: true
  457. tap_action:
  458. action: none
  459. show_attribute: true
  460. entity: sensor.localhost_data_disk_usage
  461. icon: mdi:harddisk
  462. - entity: sensor.localhost_cpu_usage
  463. show_state: true
  464. show_name: true
  465. name: CPU
  466. show_icon: true
  467. state_background: false
  468. show_background: false
  469. tap_action:
  470. action: none
  471. card_layout: large-2-rows
  472. styles: |-
  473. .bubble-button-card-container {
  474. background: #88A5B3;
  475. color: #E6EAEA; /* main name text color, whiteish */
  476. #margin-left: 2px;
  477. }
  478. .bubble-icon-container {
  479. background: #E6EAEA;
  480. color: #88A5B3; /* main icon color */
  481.  
  482. --mdc-icon-size: 25px !important;
  483. }
  484. .bubble-sub-button {
  485. font-size: 12px !important;
  486. color: #707275 !important; /* sub-but text color */
  487. #margin-right: -16px;
  488. }
  489. .bubble-sub-button-1 {
  490. background-color: ${hass.states['sensor.localhost_memory_usage'].state > 90
  491. ? '#D06D67'
  492. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  493. }
  494. .bubble-sub-button-2 {
  495. background-color: ${hass.states['sensor.localhost_data_disk_usage'].state > 90
  496. ? '#D06D67'
  497. : '#E6EAEA'} !important;
  498. }
  499. .bubble-sub-button-3 {
  500. background-color: ${hass.states['sensor.localhost_cpu_usage'].state > 90
  501. ? '#D06D67'
  502. : '#E6EAEA'} !important;
  503. }
  504.  
  505.  
  506. show_attribute: true
  507. attribute: apparent_temperature
  508. button_action:
  509. tap_action:
  510. action: navigate
  511. navigation_path: "#ha"
  512. double_tap_action:
  513. action: none
  514. hold_action:
  515. action: none
  516. tap_action:
  517. action: none
  518. double_tap_action:
  519. action: none
  520. hold_action:
  521. action: none
  522. icon: mdi:home-assistant
  523. entity: sensor.localhost_data_disk_usage
  524. show_state: false
  525. - type: custom:bubble-card
  526. card_type: empty-column
  527. - type: vertical-stack
  528. cards:
  529. - type: vertical-stack
  530. cards:
  531. - type: custom:bubble-card
  532. card_type: button
  533. button_type: state
  534. name: Teslamate
  535. scrolling_effect: false
  536. show_icon: true
  537. show_name: true
  538. sub_button:
  539. - show_background: false
  540. show_state: true
  541. name: RAM
  542. icon: mdi:memory
  543. double_tap_action:
  544. action: none
  545. tap_action:
  546. action: none
  547. show_name: true
  548. show_icon: true
  549. show_attribute: false
  550. attribute: friendly_name
  551. show_last_changed: false
  552. entity: sensor.lxc_docker_104_memory_used_percentage
  553. - name: Disk
  554. show_background: false
  555. show_name: true
  556. show_state: true
  557. tap_action:
  558. action: none
  559. show_attribute: true
  560. entity: sensor.lxc_docker_104_disk_used_percentage
  561. icon: mdi:harddisk
  562. - entity: sensor.lxc_docker_104_cpu_used
  563. show_state: true
  564. show_name: true
  565. name: CPU
  566. show_icon: true
  567. state_background: false
  568. show_background: false
  569. tap_action:
  570. action: none
  571. card_layout: large-2-rows
  572. styles: |-
  573. .bubble-button-card-container {
  574. background: #6B7574;
  575. color: #E6EAEA; /* main name text color, whiteish */
  576. #margin-left: 2px;
  577. }
  578. .bubble-icon-container {
  579. background: #E6EAEA;
  580. color: #6B7574; /* main icon color */
  581.  
  582. --mdc-icon-size: 25px !important;
  583. }
  584. .bubble-sub-button {
  585. font-size: 12px !important;
  586. color: #707275 !important; /* sub-but text color */
  587. #margin-right: -16px;
  588. }
  589. .bubble-sub-button-1 {
  590. background-color: ${hass.states['sensor.lxc_docker_104_memory_used_percentage'].state > 90
  591. ? '#D06D67'
  592. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  593. }
  594. .bubble-sub-button-2 {
  595. background-color: ${hass.states['sensor.lxc_docker_104_disk_used_percentage'].state > 90
  596. ? '#D06D67'
  597. : '#E6EAEA'} !important;
  598. }
  599. .bubble-sub-button-3 {
  600. background-color: ${hass.states['sensor.lxc_docker_104_cpu_used'].state > 90
  601. ? '#D06D67'
  602. : '#E6EAEA'} !important;
  603. }
  604.  
  605.  
  606. show_attribute: true
  607. attribute: apparent_temperature
  608. button_action:
  609. tap_action:
  610. action: navigate
  611. navigation_path: "#tesla"
  612. double_tap_action:
  613. action: none
  614. hold_action:
  615. action: none
  616. double_tap_action:
  617. action: url
  618. url_path: https://yours.com
  619. tap_action:
  620. action: none
  621. hold_action:
  622. action: none
  623. icon: mdi:car
  624. entity: sensor.lxc_docker_104_disk_used_percentage
  625. show_state: false
  626. - type: custom:bubble-card
  627. card_type: empty-column
  628. - type: vertical-stack
  629. cards:
  630. - type: vertical-stack
  631. cards:
  632. - type: custom:bubble-card
  633. card_type: button
  634. button_type: state
  635. name: iTron
  636. scrolling_effect: false
  637. show_icon: true
  638. show_name: true
  639. sub_button:
  640. - show_background: false
  641. show_state: true
  642. name: RAM
  643. icon: mdi:memory
  644. double_tap_action:
  645. action: none
  646. tap_action:
  647. action: none
  648. show_name: true
  649. show_icon: true
  650. show_attribute: false
  651. attribute: friendly_name
  652. show_last_changed: false
  653. entity: sensor.lxc_alpine_docker_108_memory_used_percentage
  654. - name: Disk
  655. show_background: false
  656. show_name: true
  657. show_state: true
  658. tap_action:
  659. action: none
  660. show_attribute: true
  661. entity: sensor.lxc_alpine_docker_108_disk_used_percentage
  662. icon: mdi:harddisk
  663. - entity: sensor.lxc_alpine_docker_108_cpu_used
  664. show_state: true
  665. show_name: true
  666. name: CPU
  667. show_icon: true
  668. state_background: false
  669. show_background: false
  670. tap_action:
  671. action: none
  672. card_layout: large-2-rows
  673. styles: |-
  674. .bubble-button-card-container {
  675. background: #a9bd95;
  676. color: #E6EAEA; /* main name text color, whiteish */
  677. #margin-left: 2px;
  678. }
  679. .bubble-icon-container {
  680. background: #E6EAEA;
  681. color: #a9bd95; /* main icon color */
  682.  
  683. --mdc-icon-size: 25px !important;
  684. }
  685. .bubble-sub-button {
  686. font-size: 12px !important;
  687. color: #707275 !important; /* sub-but text color */
  688. #margin-right: -16px;
  689. }
  690. .bubble-sub-button-1 {
  691. background-color: ${hass.states['sensor.lxc_alpine_docker_108_memory_used_percentage'].state > 90
  692. ? '#D06D67'
  693. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  694. }
  695. .bubble-sub-button-2 {
  696. background-color: ${hass.states['sensor.lxc_alpine_docker_108_disk_used_percentage'].state > 90
  697. ? '#D06D67'
  698. : '#E6EAEA'} !important;
  699. }
  700. .bubble-sub-button-3 {
  701. background-color: ${hass.states['sensor.lxc_alpine_docker_108_cpu_used'].state > 90
  702. ? '#D06D67'
  703. : '#E6EAEA'} !important;
  704. }
  705.  
  706.  
  707. show_attribute: true
  708. attribute: apparent_temperature
  709. button_action:
  710. tap_action:
  711. action: navigate
  712. navigation_path: "#itron"
  713. double_tap_action:
  714. action: none
  715. hold_action:
  716. action: none
  717. tap_action:
  718. action: none
  719. double_tap_action:
  720. action: none
  721. hold_action:
  722. action: none
  723. icon: mdi:lightning-bolt-circle
  724. entity: sensor.lxc_alpine_docker_108_memory_used_percentage
  725. show_state: false
  726. - type: custom:bubble-card
  727. card_type: empty-column
  728. - type: vertical-stack
  729. cards:
  730. - type: vertical-stack
  731. cards:
  732. - type: custom:bubble-card
  733. card_type: button
  734. button_type: state
  735. name: Z2M
  736. scrolling_effect: false
  737. show_icon: true
  738. show_name: true
  739. sub_button:
  740. - show_background: false
  741. show_state: true
  742. name: RAM
  743. icon: mdi:memory
  744. double_tap_action:
  745. action: none
  746. tap_action:
  747. action: none
  748. show_name: true
  749. show_icon: true
  750. show_attribute: false
  751. attribute: friendly_name
  752. show_last_changed: false
  753. entity: sensor.lxc_zigbee2mqtt_111_memory_used_percentage
  754. - name: Disk
  755. show_background: false
  756. show_name: true
  757. show_state: true
  758. tap_action:
  759. action: none
  760. show_attribute: true
  761. entity: sensor.lxc_zigbee2mqtt_111_disk_used_percentage
  762. icon: mdi:harddisk
  763. - entity: sensor.lxc_zigbee2mqtt_111_cpu_used
  764. show_state: true
  765. show_name: true
  766. name: CPU
  767. show_icon: true
  768. state_background: false
  769. show_background: false
  770. tap_action:
  771. action: none
  772. card_layout: large-2-rows
  773. styles: |-
  774. .bubble-button-card-container {
  775. background: #EDA19D;
  776. color: #E6EAEA; /* main name text color, whiteish */
  777. #margin-left: 2px;
  778. }
  779. .bubble-icon-container {
  780. background: #E6EAEA;
  781. color: #EDA19D; /* main icon color */
  782.  
  783. --mdc-icon-size: 25px !important;
  784. }
  785. .bubble-sub-button {
  786. font-size: 12px !important;
  787. color: #707275 !important; /* sub-but text color */
  788. #margin-right: -16px;
  789. }
  790. .bubble-sub-button-1 {
  791. background-color: ${hass.states['sensor.lxc_zigbee2mqtt_111_memory_used_percentage'].state > 90
  792. ? '#D06D67'
  793. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  794. }
  795. .bubble-sub-button-2 {
  796. background-color: ${hass.states['sensor.lxc_zigbee2mqtt_111_disk_used_percentage'].state > 90
  797. ? '#D06D67'
  798. : '#E6EAEA'} !important;
  799. }
  800. .bubble-sub-button-3 {
  801. background-color: ${hass.states['sensor.lxc_zigbee2mqtt_111_cpu_used'].state > 90
  802. ? '#D06D67'
  803. : '#E6EAEA'} !important;
  804. }
  805.  
  806.  
  807. show_attribute: true
  808. attribute: apparent_temperature
  809. button_action:
  810. tap_action:
  811. action: navigate
  812. navigation_path: "#z2m"
  813. double_tap_action:
  814. action: none
  815. hold_action:
  816. action: none
  817. double_tap_action:
  818. action: url
  819. url_path: https://yours.com
  820. tap_action:
  821. action: none
  822. hold_action:
  823. action: none
  824. icon: mdi:zigbee
  825. entity: sensor.lxc_zigbee2mqtt_111_memory_used_percentage
  826. show_state: false
  827. - type: custom:bubble-card
  828. card_type: empty-column
  829. - type: grid
  830. cards:
  831. - type: vertical-stack
  832. cards:
  833. - type: vertical-stack
  834. cards:
  835. - type: custom:bubble-card
  836. card_type: button
  837. button_type: state
  838. name: MQTT
  839. scrolling_effect: false
  840. show_icon: true
  841. show_name: true
  842. sub_button:
  843. - show_background: false
  844. show_state: true
  845. name: RAM
  846. icon: mdi:memory
  847. double_tap_action:
  848. action: none
  849. tap_action:
  850. action: none
  851. show_name: true
  852. show_icon: true
  853. show_attribute: false
  854. attribute: friendly_name
  855. show_last_changed: false
  856. entity: sensor.lxc_mqtt_107_memory_used_percentage
  857. - name: Disk
  858. show_background: false
  859. show_name: true
  860. show_state: true
  861. tap_action:
  862. action: none
  863. show_attribute: true
  864. entity: sensor.lxc_mqtt_107_disk_used_percentage
  865. icon: mdi:harddisk
  866. - entity: sensor.lxc_mqtt_107_cpu_used
  867. show_state: true
  868. show_name: true
  869. name: CPU
  870. show_icon: true
  871. state_background: false
  872. show_background: false
  873. tap_action:
  874. action: none
  875. card_layout: large-2-rows
  876. styles: |-
  877. .bubble-button-card-container {
  878. background: #CF8299;
  879. color: #E6EAEA; /* main name text color, whiteish */
  880. #margin-left: 2px;
  881. }
  882. .bubble-icon-container {
  883. background: #E6EAEA;
  884. color: #CF8299; /* main icon color */
  885.  
  886. --mdc-icon-size: 25px !important;
  887. }
  888. .bubble-sub-button {
  889. font-size: 12px !important;
  890. color: #707275 !important; /* sub-but text color */
  891. #margin-right: -16px;
  892. }
  893. .bubble-sub-button-1 {
  894. background-color: ${hass.states['sensor.lxc_mqtt_107_memory_used_percentage'].state > 90
  895. ? '#D06D67'
  896. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  897. }
  898. .bubble-sub-button-2 {
  899. background-color: ${hass.states['sensor.lxc_mqtt_107_disk_used_percentage'].state > 90
  900. ? '#D06D67'
  901. : '#E6EAEA'} !important;
  902. }
  903. .bubble-sub-button-3 {
  904. background-color: ${hass.states['sensor.lxc_mqtt_107_cpu_used'].state > 90
  905. ? '#D06D67'
  906. : '#E6EAEA'} !important;
  907. }
  908.  
  909.  
  910. show_attribute: true
  911. attribute: apparent_temperature
  912. button_action:
  913. tap_action:
  914. action: navigate
  915. navigation_path: "#mqtt"
  916. double_tap_action:
  917. action: none
  918. hold_action:
  919. action: none
  920. tap_action:
  921. action: none
  922. double_tap_action:
  923. action: none
  924. hold_action:
  925. action: none
  926. icon: mdi:message-bookmark
  927. entity: sensor.lxc_mqtt_107_memory_used_percentage
  928. show_state: false
  929. - type: custom:bubble-card
  930. card_type: empty-column
  931. - type: vertical-stack
  932. cards:
  933. - type: vertical-stack
  934. cards:
  935. - type: custom:bubble-card
  936. card_type: button
  937. button_type: state
  938. name: Adguard
  939. scrolling_effect: false
  940. show_icon: true
  941. show_name: true
  942. sub_button:
  943. - show_background: false
  944. show_state: true
  945. name: RAM
  946. icon: mdi:memory
  947. double_tap_action:
  948. action: none
  949. tap_action:
  950. action: none
  951. show_name: true
  952. show_icon: true
  953. show_attribute: false
  954. attribute: friendly_name
  955. show_last_changed: false
  956. entity: sensor.lxc_adguard_106_memory_used_percentage
  957. - name: Disk
  958. show_background: false
  959. show_name: true
  960. show_state: true
  961. tap_action:
  962. action: none
  963. show_attribute: true
  964. entity: sensor.lxc_adguard_106_disk_used_percentage
  965. icon: mdi:harddisk
  966. - entity: sensor.lxc_adguard_106_cpu_used
  967. show_state: true
  968. show_name: true
  969. name: CPU
  970. show_icon: true
  971. state_background: false
  972. show_background: false
  973. tap_action:
  974. action: none
  975. card_layout: large-2-rows
  976. styles: |-
  977. .bubble-button-card-container {
  978. background: #9a9ca8;
  979. color: #E6EAEA; /* main name text color, whiteish */
  980. #margin-left: 2px;
  981. }
  982. .bubble-icon-container {
  983. background: #E6EAEA;
  984. color: #9a9ca8; /* main icon color */
  985.  
  986. --mdc-icon-size: 25px !important;
  987. }
  988. .bubble-sub-button {
  989. font-size: 12px !important;
  990. color: #707275 !important; /* sub-but text color */
  991. #margin-right: -16px;
  992. }
  993. .bubble-sub-button-1 {
  994. background-color: ${hass.states['sensor.lxc_adguard_106_memory_used_percentage'].state > 90
  995. ? '#D06D67'
  996. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  997. }
  998. .bubble-sub-button-2 {
  999. background-color: ${hass.states['sensor.lxc_adguard_106_disk_used_percentage'].state > 90
  1000. ? '#D06D67'
  1001. : '#E6EAEA'} !important;
  1002. }
  1003. .bubble-sub-button-3 {
  1004. background-color: ${hass.states['sensor.lxc_adguard_106_cpu_used'].state > 90
  1005. ? '#D06D67'
  1006. : '#E6EAEA'} !important;
  1007. }
  1008.  
  1009.  
  1010. show_attribute: true
  1011. attribute: apparent_temperature
  1012. button_action:
  1013. tap_action:
  1014. action: navigate
  1015. navigation_path: "#ad1"
  1016. double_tap_action:
  1017. action: none
  1018. hold_action:
  1019. action: none
  1020. double_tap_action:
  1021. action: url
  1022. url_path: https://yours.com
  1023. tap_action:
  1024. action: none
  1025. hold_action:
  1026. action: none
  1027. icon: mdi:dns-outline
  1028. entity: sensor.lxc_adguard_106_memory_used_percentage
  1029. show_state: false
  1030. - type: custom:bubble-card
  1031. card_type: empty-column
  1032. - type: vertical-stack
  1033. cards:
  1034. - type: vertical-stack
  1035. cards:
  1036. - type: custom:bubble-card
  1037. card_type: button
  1038. button_type: state
  1039. name: Adguard 2
  1040. scrolling_effect: false
  1041. show_icon: true
  1042. show_name: true
  1043. sub_button:
  1044. - show_background: false
  1045. show_state: true
  1046. name: RAM
  1047. icon: mdi:memory
  1048. double_tap_action:
  1049. action: none
  1050. tap_action:
  1051. action: none
  1052. show_name: true
  1053. show_icon: true
  1054. show_attribute: false
  1055. attribute: friendly_name
  1056. show_last_changed: false
  1057. entity: sensor.lxc_adguard_100_memory_used_percentage
  1058. - name: Disk
  1059. show_background: false
  1060. show_name: true
  1061. show_state: true
  1062. tap_action:
  1063. action: none
  1064. show_attribute: true
  1065. entity: sensor.lxc_adguard_100_disk_used_percentage
  1066. icon: mdi:harddisk
  1067. - entity: sensor.lxc_adguard_100_cpu_used
  1068. show_state: true
  1069. show_name: true
  1070. name: CPU
  1071. show_icon: true
  1072. state_background: false
  1073. show_background: false
  1074. tap_action:
  1075. action: none
  1076. card_layout: large-2-rows
  1077. styles: |-
  1078. .bubble-button-card-container {
  1079. background: #d3b3ac;
  1080. color: #E6EAEA; /* main name text color, whiteish */
  1081. #margin-left: 2px;
  1082. }
  1083. .bubble-icon-container {
  1084. background: #E6EAEA;
  1085. color: #d3b3ac; /* main icon color */
  1086.  
  1087. --mdc-icon-size: 25px !important;
  1088. }
  1089. .bubble-sub-button {
  1090. font-size: 12px !important;
  1091. color: #707275 !important; /* sub-but text color */
  1092. #margin-right: -16px;
  1093. }
  1094. .bubble-sub-button-1 {
  1095. background-color: ${hass.states['sensor.lxc_adguard_100_memory_used_percentage'].state > 90
  1096. ? '#D06D67'
  1097. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  1098. }
  1099. .bubble-sub-button-2 {
  1100. background-color: ${hass.states['sensor.lxc_adguard_100_disk_used_percentage'].state > 90
  1101. ? '#D06D67'
  1102. : '#E6EAEA'} !important;
  1103. }
  1104. .bubble-sub-button-3 {
  1105. background-color: ${hass.states['sensor.lxc_adguard_100_cpu_used'].state > 90
  1106. ? '#D06D67'
  1107. : '#E6EAEA'} !important;
  1108. }
  1109.  
  1110.  
  1111. show_attribute: true
  1112. attribute: apparent_temperature
  1113. button_action:
  1114. tap_action:
  1115. action: navigate
  1116. navigation_path: "#ad2"
  1117. double_tap_action:
  1118. action: none
  1119. hold_action:
  1120. action: none
  1121. dounle_tap_action:
  1122. action: url
  1123. url_path: https://yours.com
  1124. tap_action:
  1125. action: none
  1126. hold_action:
  1127. action: none
  1128. icon: mdi:dns-outline
  1129. entity: sensor.lxc_adguard_100_memory_used_percentage
  1130. show_state: false
  1131. - type: custom:bubble-card
  1132. card_type: empty-column
  1133. - type: vertical-stack
  1134. cards:
  1135. - type: vertical-stack
  1136. cards:
  1137. - type: custom:bubble-card
  1138. card_type: button
  1139. button_type: state
  1140. name: Homebridge
  1141. scrolling_effect: false
  1142. show_icon: true
  1143. show_name: true
  1144. sub_button:
  1145. - show_background: false
  1146. show_state: true
  1147. name: RAM
  1148. icon: mdi:memory
  1149. double_tap_action:
  1150. action: none
  1151. tap_action:
  1152. action: none
  1153. show_name: true
  1154. show_icon: true
  1155. show_attribute: false
  1156. attribute: friendly_name
  1157. show_last_changed: false
  1158. entity: sensor.lxc_homebridge_105_memory_used_percentage
  1159. - name: Disk
  1160. show_background: false
  1161. show_name: true
  1162. show_state: true
  1163. tap_action:
  1164. action: none
  1165. show_attribute: true
  1166. entity: sensor.lxc_homebridge_105_disk_used_percentage
  1167. icon: mdi:harddisk
  1168. - entity: sensor.lxc_homebridge_105_cpu_used
  1169. show_state: true
  1170. show_name: true
  1171. name: CPU
  1172. show_icon: true
  1173. state_background: false
  1174. show_background: false
  1175. tap_action:
  1176. action: none
  1177. card_layout: large-2-rows
  1178. styles: |-
  1179. .bubble-button-card-container {
  1180. background: #dcc2a7;
  1181. color: #E6EAEA; /* main name text color, whiteish */
  1182. #margin-left: 2px;
  1183. }
  1184. .bubble-icon-container {
  1185. background: #E6EAEA;
  1186. color: #dcc2a7; /* main icon color */
  1187.  
  1188. --mdc-icon-size: 25px !important;
  1189. }
  1190. .bubble-sub-button {
  1191. font-size: 12px !important;
  1192. color: #707275 !important; /* sub-but text color */
  1193. #margin-right: -16px;
  1194. }
  1195. .bubble-sub-button-1 {
  1196. background-color: ${hass.states['sensor.lxc_homebridge_105_memory_used_percentage'].state > 90
  1197. ? '#D06D67'
  1198. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  1199. }
  1200. .bubble-sub-button-2 {
  1201. background-color: ${hass.states['sensor.lxc_homebridge_105_disk_used_percentage'].state > 90
  1202. ? '#D06D67'
  1203. : '#E6EAEA'} !important;
  1204. }
  1205. .bubble-sub-button-3 {
  1206. background-color: ${hass.states['sensor.lxc_homebridge_105_cpu_used'].state > 90
  1207. ? '#D06D67'
  1208. : '#E6EAEA'} !important;
  1209. }
  1210.  
  1211.  
  1212. show_attribute: true
  1213. attribute: apparent_temperature
  1214. button_action:
  1215. tap_action:
  1216. action: navigate
  1217. navigation_path: "#homebridge"
  1218. double_tap_action:
  1219. action: none
  1220. hold_action:
  1221. action: none
  1222. double_tap_action:
  1223. action: url
  1224. url_path: https://yours.com
  1225. tap_action:
  1226. action: none
  1227. hold_action:
  1228. action: none
  1229. icon: mdi:apple
  1230. entity: sensor.lxc_homebridge_105_memory_used_percentage
  1231. show_state: false
  1232. - type: custom:bubble-card
  1233. card_type: empty-column
  1234. - type: vertical-stack
  1235. cards:
  1236. - type: vertical-stack
  1237. cards:
  1238. - type: custom:bubble-card
  1239. card_type: button
  1240. button_type: state
  1241. name: PBS
  1242. scrolling_effect: false
  1243. show_icon: true
  1244. show_name: true
  1245. sub_button:
  1246. - show_background: false
  1247. show_state: true
  1248. name: RAM
  1249. icon: mdi:memory
  1250. double_tap_action:
  1251. action: none
  1252. tap_action:
  1253. action: none
  1254. show_name: true
  1255. show_icon: true
  1256. show_attribute: false
  1257. attribute: friendly_name
  1258. show_last_changed: false
  1259. entity: sensor.qemu_pbs_server_101_memory_used_percentage
  1260. - name: Disk
  1261. show_background: false
  1262. show_name: true
  1263. show_state: true
  1264. tap_action:
  1265. action: none
  1266. show_attribute: true
  1267. entity: sensor.storage_pveorg_pbs_server_disk_used_percentage
  1268. icon: mdi:harddisk
  1269. - entity: sensor.qemu_pbs_server_101_cpu_used
  1270. show_state: true
  1271. show_name: true
  1272. name: CPU
  1273. show_icon: true
  1274. state_background: false
  1275. show_background: false
  1276. tap_action:
  1277. action: none
  1278. card_layout: large-2-rows
  1279. styles: |-
  1280. .bubble-button-card-container {
  1281. background: #b5c7b2;
  1282. color: #E6EAEA; /* main name text color, whiteish */
  1283. #margin-left: 2px;
  1284. }
  1285. .bubble-icon-container {
  1286. background: #E6EAEA;
  1287. color: #b5c7b2; /* main icon color */
  1288.  
  1289. --mdc-icon-size: 25px !important;
  1290. }
  1291. .bubble-sub-button {
  1292. font-size: 12px !important;
  1293. color: #707275 !important; /* sub-but text color */
  1294. #margin-right: -16px;
  1295. }
  1296. .bubble-sub-button-1 {
  1297. background-color: ${hass.states['sensor.qemu_pbs_server_101_memory_used_percentage'].state > 90
  1298. ? '#D06D67'
  1299. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  1300. }
  1301. .bubble-sub-button-2 {
  1302. background-color: ${hass.states['sensor.storage_pveorg_pbs_server_disk_used_percentage'].state > 90
  1303. ? '#D06D67'
  1304. : '#E6EAEA'} !important;
  1305. }
  1306. .bubble-sub-button-3 {
  1307. background-color: ${hass.states['sensor.qemu_pbs_server_101_cpu_used'].state > 90
  1308. ? '#D06D67'
  1309. : '#E6EAEA'} !important;
  1310. }
  1311.  
  1312.  
  1313. show_attribute: true
  1314. attribute: apparent_temperature
  1315. button_action:
  1316. tap_action:
  1317. action: navigate
  1318. navigation_path: "#pbs"
  1319. double_tap_action:
  1320. action: none
  1321. hold_action:
  1322. action: none
  1323. double_tap_action:
  1324. action: url
  1325. url_path: https://yoursip
  1326. tap_action:
  1327. action: none
  1328. hold_action:
  1329. action: none
  1330. icon: mdi:server-minus
  1331. entity: sensor.qemu_pbs_server_101_memory_used_percentage
  1332. show_state: false
  1333. - type: custom:bubble-card
  1334. card_type: empty-column
  1335. - type: vertical-stack
  1336. cards:
  1337. - type: vertical-stack
  1338. cards:
  1339. - type: custom:bubble-card
  1340. card_type: button
  1341. button_type: state
  1342. name: Tailscale
  1343. scrolling_effect: false
  1344. show_icon: true
  1345. show_name: true
  1346. sub_button:
  1347. - show_background: false
  1348. show_state: true
  1349. name: RAM
  1350. icon: mdi:memory
  1351. double_tap_action:
  1352. action: none
  1353. tap_action:
  1354. action: none
  1355. show_name: true
  1356. show_icon: true
  1357. show_attribute: false
  1358. attribute: friendly_name
  1359. show_last_changed: false
  1360. entity: sensor.lxc_tailscale_102_memory_used_percentage
  1361. - name: Disk
  1362. show_background: false
  1363. show_name: true
  1364. show_state: true
  1365. tap_action:
  1366. action: none
  1367. show_attribute: true
  1368. entity: sensor.lxc_tailscale_102_disk_used_percentage
  1369. icon: mdi:harddisk
  1370. - entity: sensor.lxc_tailscale_102_cpu_used
  1371. show_state: true
  1372. show_name: true
  1373. name: CPU
  1374. show_icon: true
  1375. state_background: false
  1376. show_background: false
  1377. tap_action:
  1378. action: none
  1379. card_layout: large-2-rows
  1380. styles: |-
  1381. .bubble-button-card-container {
  1382. background: #6BA6BF;
  1383. color: #E6EAEA; /* main name text color, whiteish */
  1384. #margin-left: 2px;
  1385. }
  1386. .bubble-icon-container {
  1387. background: #E6EAEA;
  1388. color: #6BA6BF; /* main icon color */
  1389.  
  1390. --mdc-icon-size: 25px !important;
  1391. }
  1392. .bubble-sub-button {
  1393. font-size: 12px !important;
  1394. color: #707275 !important; /* sub-but text color */
  1395. #margin-right: -16px;
  1396. }
  1397. .bubble-sub-button-1 {
  1398. background-color: ${hass.states['sensor.lxc_tailscale_102_memory_used_percentage'].state > 90
  1399. ? '#D06D67'
  1400. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  1401. }
  1402. .bubble-sub-button-2 {
  1403. background-color: ${hass.states['sensor.lxc_tailscale_102_disk_used_percentage'].state > 90
  1404. ? '#D06D67'
  1405. : '#E6EAEA'} !important;
  1406. }
  1407. .bubble-sub-button-3 {
  1408. background-color: ${hass.states['sensor.lxc_tailscale_102_cpu_used'].state > 90
  1409. ? '#D06D67'
  1410. : '#E6EAEA'} !important;
  1411. }
  1412.  
  1413.  
  1414. show_attribute: true
  1415. attribute: apparent_temperature
  1416. button_action:
  1417. tap_action:
  1418. action: navigate
  1419. navigation_path: "#tailscale"
  1420. double_tap_action:
  1421. action: none
  1422. hold_action:
  1423. action: none
  1424. tap_action:
  1425. action: none
  1426. double_tap_action:
  1427. action: none
  1428. hold_action:
  1429. action: none
  1430. icon: mdi:lan
  1431. entity: sensor.lxc_tailscale_102_memory_used_percentage
  1432. show_state: false
  1433. - type: custom:bubble-card
  1434. card_type: empty-column
  1435. - type: vertical-stack
  1436. cards:
  1437. - type: vertical-stack
  1438. cards:
  1439. - type: custom:bubble-card
  1440. card_type: button
  1441. button_type: state
  1442. name: Nginx
  1443. scrolling_effect: false
  1444. show_icon: true
  1445. show_name: true
  1446. sub_button:
  1447. - show_background: false
  1448. show_state: true
  1449. name: RAM
  1450. icon: mdi:memory
  1451. double_tap_action:
  1452. action: none
  1453. tap_action:
  1454. action: none
  1455. show_name: true
  1456. show_icon: true
  1457. show_attribute: false
  1458. attribute: friendly_name
  1459. show_last_changed: false
  1460. entity: sensor.lxc_nginxproxymanager_102_memory_used_percentage
  1461. - name: Disk
  1462. show_background: false
  1463. show_name: true
  1464. show_state: true
  1465. tap_action:
  1466. action: none
  1467. show_attribute: true
  1468. entity: sensor.lxc_nginxproxymanager_102_disk_used_percentage
  1469. icon: mdi:harddisk
  1470. - entity: sensor.lxc_nginxproxymanager_102_cpu_used
  1471. show_state: true
  1472. show_name: true
  1473. name: CPU
  1474. show_icon: true
  1475. state_background: false
  1476. show_background: false
  1477. tap_action:
  1478. action: none
  1479. card_layout: large-2-rows
  1480. styles: |-
  1481. .bubble-button-card-container {
  1482. background: #717CAB;
  1483. color: #E6EAEA; /* main name text color, whiteish */
  1484. #margin-left: 2px;
  1485. }
  1486. .bubble-icon-container {
  1487. background: #E6EAEA;
  1488. color: #717CAB; /* main icon color */
  1489.  
  1490. --mdc-icon-size: 25px !important;
  1491. }
  1492. .bubble-sub-button {
  1493. font-size: 12px !important;
  1494. color: #707275 !important; /* sub-but text color */
  1495. #margin-right: -16px;
  1496. }
  1497. .bubble-sub-button-1 {
  1498. background-color: ${hass.states['sensor.lxc_nginxproxymanager_102_memory_used_percentage'].state > 90
  1499. ? '#D06D67'
  1500. : '#E6EAEA'} !important; /* sub-icon color red when >90, otherwise white */
  1501. }
  1502. .bubble-sub-button-2 {
  1503. background-color: ${hass.states['sensor.lxc_nginxproxymanager_102_disk_used_percentage'].state > 90
  1504. ? '#D06D67'
  1505. : '#E6EAEA'} !important;
  1506. }
  1507. .bubble-sub-button-3 {
  1508. background-color: ${hass.states['sensor.lxc_nginxproxymanager_102_cpu_used'].state > 90
  1509. ? '#D06D67'
  1510. : '#E6EAEA'} !important;
  1511. }
  1512.  
  1513.  
  1514. show_attribute: true
  1515. attribute: apparent_temperature
  1516. button_action:
  1517. tap_action:
  1518. action: navigate
  1519. navigation_path: "#nginx"
  1520. double_tap_action:
  1521. action: none
  1522. hold_action:
  1523. action: none
  1524. double_tap_action:
  1525. action: url
  1526. url_path: https://yours.com
  1527. tap_action:
  1528. action: none
  1529. hold_action:
  1530. action: none
  1531. icon: mdi:lan-pending
  1532. entity: sensor.lxc_nginxproxymanager_102_memory_used_percentage
  1533. show_state: false
  1534. - type: custom:bubble-card
  1535. card_type: empty-column
  1536. - type: vertical-stack
  1537. cards:
  1538. - type: vertical-stack
  1539. cards:
  1540. - type: custom:bubble-card
  1541. card_type: button
  1542. button_type: state
  1543. name: Raspi
  1544. scrolling_effect: false
  1545. show_icon: true
  1546. show_name: true
  1547. sub_button:
  1548. - show_background: false
  1549. show_state: true
  1550. name: RAM
  1551. icon: mdi:memory
  1552. double_tap_action:
  1553. action: none
  1554. tap_action:
  1555. action: none
  1556. show_name: true
  1557. show_icon: true
  1558. show_attribute: false
  1559. attribute: friendly_name
  1560. show_last_changed: false
  1561. entity: sensor.raspberry_pi_memory_usage
  1562. - name: Disk
  1563. show_background: false
  1564. show_name: true
  1565. show_state: true
  1566. tap_action:
  1567. action: none
  1568. show_attribute: true
  1569. entity: sensor.raspberry_pi_disk_usage
  1570. icon: mdi:harddisk
  1571. - entity: sensor.raspberry_pi_cpu_usage
  1572. show_state: true
  1573. show_name: true
  1574. name: CPU
  1575. show_icon: true
  1576. state_background: false
  1577. show_background: false
  1578. tap_action:
  1579. action: none
  1580. - entity: sensor.raspberry_pi_cpu_thermal_1_temperature
  1581. show_background: false
  1582. show_icon: true
  1583. show_state: true
  1584. show_name: true
  1585. name: Temp
  1586. icon: mdi:fire
  1587. tap_action:
  1588. action: none
  1589. card_layout: large-2-rows
  1590. styles: |-
  1591. .bubble-button-card-container {
  1592. background: #7A7691;
  1593. color: #E6EAEA; /* main name text color, whiteish */
  1594. #margin-left: 2px;
  1595. }
  1596. .bubble-icon-container {
  1597. background: #E6EAEA;
  1598. color: #7A7691; /* main icon color */
  1599.  
  1600. --mdc-icon-size: 25px !important;
  1601. }
  1602. .bubble-sub-button {
  1603. font-size: 12px !important;
  1604. color: #707275 !important; /* sub-but text color */
  1605. #margin-right: -16px;
  1606. }
  1607. .bubble-sub-button-1 {
  1608. background-color: ${hass.states['sensor.raspberry_pi_memory_usage'].state > 90
  1609. ? '#D06D67'
  1610. : '#E6EAEA' } !important; /* sub-icon color red when >90, otherwise white */
  1611. }
  1612. .bubble-sub-button-2 {
  1613. background-color: ${hass.states['sensor.raspberry_pi_disk_usage'].state > 90
  1614. ? '#D06D67'
  1615. : '#E6EAEA'} !important;
  1616. }
  1617. .bubble-sub-button-3 {
  1618. background-color: ${hass.states['sensor.raspberry_pi_cpu_usage'].state > 90
  1619. ? '#D06D67'
  1620. : '#E6EAEA'} !important;
  1621. }
  1622. .bubble-sub-button-4 {
  1623. background-color: ${hass.states['sensor.raspberry_pi_cpu_thermal_1_temperature'].state > 130
  1624. ? '#D06D67'
  1625. : '#E6EAEA'} !important;
  1626. }
  1627.  
  1628. show_attribute: true
  1629. attribute: apparent_temperature
  1630. button_action:
  1631. tap_action:
  1632. action: navigate
  1633. navigation_path: "#pi"
  1634. double_tap_action:
  1635. action: none
  1636. hold_action:
  1637. action: none
  1638. double_tap_action:
  1639. action: url
  1640. url_path: https://yours.com
  1641. tap_action:
  1642. action: none
  1643. hold_action:
  1644. action: none
  1645. icon: mdi:raspberry-pi
  1646. entity: sensor.raspberry_pi_memory_usage
  1647. show_state: false
  1648. - type: custom:bubble-card
  1649. card_type: empty-column
  1650. - type: vertical-stack
  1651. cards:
  1652. - type: custom:bubble-card
  1653. card_type: pop-up
  1654. hash: "#network"
  1655. backdrop_blur: "0"
  1656. shadow_opacity: "10"
  1657. name: Hosts
  1658. icon: mdi:server-network-outline
  1659. bg_opacity: "18"
  1660. bg_blur: "18"
  1661. margin_top_desktop: 10vh
  1662. margin_top_mobile: 10vh
  1663. - type: horizontal-stack
  1664. cards:
  1665. - type: custom:stack-in-card
  1666. mode: horizontal
  1667. cards:
  1668. - type: custom:mushroom-template-card
  1669. entity: binary_sensor.uptimekuma_teslamate
  1670. primary: Teslamate
  1671. icon_color: "#708090"
  1672. badge_icon: >
  1673. {% if is_state('binary_sensor.uptimekuma_teslamate', 'on')
  1674. %}
  1675. mdi:check-bold
  1676. {% elif is_state('binary_sensor.uptimekuma_teslamate',
  1677. 'unknown') %}
  1678. mdi:help-circle
  1679. {% else %}
  1680. disabled
  1681. {% endif %}
  1682. badge_color: >
  1683. {% if is_state('binary_sensor.uptimekuma_teslamate', 'on')
  1684. %}
  1685. #3CB371
  1686. {% elif is_state('binary_sensor.uptimekuma_teslamate',
  1687. 'unknown') %}
  1688. #FFA07A
  1689. {% else %}
  1690. #CD5C5C
  1691. {% endif %}
  1692. icon: mdi:car
  1693. fill_container: true
  1694. layout: horizontal
  1695. tap_action:
  1696. action: more-info
  1697. hold_action:
  1698. action: none
  1699. double_tap_action:
  1700. action: none
  1701. card_mod:
  1702. style:
  1703. .: |
  1704. ha-card{
  1705. border-color: transparent
  1706. }
  1707. mushroom-state-info$: |
  1708. .primary {
  1709. font-size: 15px !important;
  1710. position: relative;
  1711. top: -10px;
  1712. left: 3px;
  1713. overflow: visible !important;
  1714. color: var(primary-text-color);
  1715. font-weight: bold;
  1716. text-overflow: ellipsis;
  1717. }
  1718. - type: custom:uptime-card
  1719. entity: binary_sensor.uptimekuma_teslamate
  1720. hours_to_show: 24
  1721. alignment:
  1722. tooltip_first: true
  1723. show:
  1724. footer: false
  1725. header: false
  1726. status: false
  1727. bar:
  1728. height: 40
  1729. round: 10
  1730. spacing: 10
  1731. amount: 7
  1732. color:
  1733. ok: "#3CB371"
  1734. ko: "#CD5C5C"
  1735. half: "#FFA500"
  1736. card_mod:
  1737. style: |
  1738. ha-card {
  1739. position: relative;
  1740. top: 10px;
  1741. left: -68%;
  1742. overflow: visible !important;
  1743. width: 150%;
  1744. border-color: transparent;
  1745. }
  1746. - type: custom:stack-in-card
  1747. mode: horizontal
  1748. cards:
  1749. - type: custom:mushroom-template-card
  1750. entity: binary_sensor.uptimekuma_scrypted
  1751. primary: Scrypted
  1752. icon_color: "#708090"
  1753. badge_icon: >
  1754. {% if is_state('binary_sensor.uptimekuma_scrypted', 'on')
  1755. %}
  1756. mdi:check-bold
  1757. {% elif is_state('binary_sensor.uptimekuma_scrypted',
  1758. 'unknown') %}
  1759. mdi:help-circle
  1760. {% else %}
  1761. disabled
  1762. {% endif %}
  1763. badge_color: >
  1764. {% if is_state('binary_sensor.uptimekuma_scrypted', 'on')
  1765. %}
  1766. #3CB371
  1767. {% elif is_state('binary_sensor.uptimekuma_scrypted',
  1768. 'unknown') %}
  1769. #FFA07A
  1770. {% else %}
  1771. #CD5C5C
  1772. {% endif %}
  1773. icon: mdi:cctv
  1774. fill_container: true
  1775. layout: horizontal
  1776. tap_action:
  1777. action: more-info
  1778. hold_action:
  1779. action: none
  1780. double_tap_action:
  1781. action: none
  1782. card_mod:
  1783. style:
  1784. .: |
  1785. ha-card{
  1786. border-color: transparent
  1787. }
  1788. mushroom-state-info$: |
  1789. .primary {
  1790. font-size: 15px !important;
  1791. position: relative;
  1792. top: -10px;
  1793. left: 3px;
  1794. overflow: visible !important;
  1795. color: var(primary-text-color);
  1796. font-weight: bold;
  1797. text-overflow: ellipsis;
  1798. }
  1799. - type: custom:uptime-card
  1800. entity: binary_sensor.uptimekuma_scrypted
  1801. hours_to_show: 24
  1802. alignment:
  1803. tooltip_first: true
  1804. show:
  1805. footer: false
  1806. header: false
  1807. status: false
  1808. bar:
  1809. height: 40
  1810. round: 10
  1811. spacing: 10
  1812. amount: 7
  1813. color:
  1814. ok: "#3CB371"
  1815. ko: "#CD5C5C"
  1816. half: "#FFA500"
  1817. card_mod:
  1818. style: |
  1819. ha-card {
  1820. position: relative;
  1821. top: 10px;
  1822. left: -68%;
  1823. overflow: visible !important;
  1824. width: 150%;
  1825. border-color: transparent;
  1826. }
  1827. - type: horizontal-stack
  1828. cards:
  1829. - type: custom:stack-in-card
  1830. mode: horizontal
  1831. cards:
  1832. - type: custom:mushroom-template-card
  1833. entity: binary_sensor.uptimekuma_mqtt
  1834. primary: MQTT
  1835. icon_color: "#708090"
  1836. badge_icon: >
  1837. {% if is_state('binary_sensor.uptimekuma_mqtt', 'on') %}
  1838. mdi:check-bold
  1839. {% elif is_state('binary_sensor.uptimekuma_mqtt',
  1840. 'unknown') %}
  1841. mdi:help-circle
  1842. {% else %}
  1843. disabled
  1844. {% endif %}
  1845. badge_color: >
  1846. {% if is_state('binary_sensor.uptimekuma_mqtt', 'on') %}
  1847. #3CB371
  1848. {% elif is_state('binary_sensor.uptimekuma_mqtt',
  1849. 'unknown') %}
  1850. #FFA07A
  1851. {% else %}
  1852. #CD5C5C
  1853. {% endif %}
  1854. icon: mdi:message
  1855. fill_container: true
  1856. layout: horizontal
  1857. tap_action:
  1858. action: more-info
  1859. hold_action:
  1860. action: none
  1861. double_tap_action:
  1862. action: none
  1863. card_mod:
  1864. style:
  1865. .: |
  1866. ha-card{
  1867. border-color: transparent
  1868. }
  1869. mushroom-state-info$: |
  1870. .primary {
  1871. font-size: 15px !important;
  1872. position: relative;
  1873. top: -10px;
  1874. left: 3px;
  1875. overflow: visible !important;
  1876. color: var(primary-text-color);
  1877. font-weight: bold;
  1878. text-overflow: ellipsis;
  1879. }
  1880. - type: custom:uptime-card
  1881. entity: binary_sensor.uptimekuma_mqtt
  1882. hours_to_show: 24
  1883. alignment:
  1884. tooltip_first: true
  1885. show:
  1886. footer: false
  1887. header: false
  1888. status: false
  1889. bar:
  1890. height: 40
  1891. round: 10
  1892. spacing: 10
  1893. amount: 7
  1894. color:
  1895. ok: "#3CB371"
  1896. ko: "#CD5C5C"
  1897. half: "#FFA500"
  1898. card_mod:
  1899. style: |
  1900. ha-card {
  1901. position: relative;
  1902. top: 10px;
  1903. left: -68%;
  1904. overflow: visible !important;
  1905. width: 150%;
  1906. border-color: transparent;
  1907. }
  1908. - type: custom:stack-in-card
  1909. mode: horizontal
  1910. cards:
  1911. - type: custom:mushroom-template-card
  1912. entity: binary_sensor.uptimekuma_zigbee2mqtt
  1913. primary: Z2M
  1914. icon_color: "#708090"
  1915. badge_icon: >
  1916. {% if is_state('binary_sensor.uptimekuma_zigbee2mqtt',
  1917. 'on') %}
  1918. mdi:check-bold
  1919. {% elif is_state('binary_sensor.uptimekuma_zigbee2mqtt',
  1920. 'unknown') %}
  1921. mdi:help-circle
  1922. {% else %}
  1923. disabled
  1924. {% endif %}
  1925. badge_color: >
  1926. {% if is_state('binary_sensor.uptimekuma_zigbee2mqtt',
  1927. 'on') %}
  1928. #3CB371
  1929. {% elif is_state('binary_sensor.uptimekuma_zigbee2mqtt',
  1930. 'unknown') %}
  1931. #FFA07A
  1932. {% else %}
  1933. #CD5C5C
  1934. {% endif %}
  1935. icon: mdi:zigbee
  1936. fill_container: true
  1937. layout: horizontal
  1938. tap_action:
  1939. action: more-info
  1940. hold_action:
  1941. action: none
  1942. double_tap_action:
  1943. action: none
  1944. card_mod:
  1945. style:
  1946. .: |
  1947. ha-card{
  1948. border-color: transparent
  1949. }
  1950. mushroom-state-info$: |
  1951. .primary {
  1952. font-size: 15px !important;
  1953. position: relative;
  1954. top: -10px;
  1955. left: 3px;
  1956. overflow: visible !important;
  1957. color: var(primary-text-color);
  1958. font-weight: bold;
  1959. text-overflow: ellipsis;
  1960. }
  1961. - type: custom:uptime-card
  1962. entity: binary_sensor.uptimekuma_zigbee2mqtt
  1963. hours_to_show: 24
  1964. alignment:
  1965. tooltip_first: true
  1966. show:
  1967. footer: false
  1968. header: false
  1969. status: false
  1970. bar:
  1971. height: 40
  1972. round: 10
  1973. spacing: 10
  1974. amount: 7
  1975. color:
  1976. ok: "#3CB371"
  1977. ko: "#CD5C5C"
  1978. half: "#FFA500"
  1979. card_mod:
  1980. style: |
  1981. ha-card {
  1982. position: relative;
  1983. top: 10px;
  1984. left: -68%;
  1985. overflow: visible !important;
  1986. width: 150%;
  1987. border-color: transparent;
  1988. }
  1989. - type: horizontal-stack
  1990. cards:
  1991. - type: custom:stack-in-card
  1992. mode: horizontal
  1993. cards:
  1994. - type: custom:mushroom-template-card
  1995. entity: binary_sensor.uptimekuma_slzb06
  1996. primary: SLZB-06
  1997. icon_color: "#708090"
  1998. badge_icon: >
  1999. {% if is_state('binary_sensor.uptimekuma_slzb06', 'on')
  2000. %}
  2001. mdi:check-bold
  2002. {% elif is_state('binary_sensor.uptimekuma_slzb06',
  2003. 'unknown') %}
  2004. mdi:help-circle
  2005. {% else %}
  2006. disabled
  2007. {% endif %}
  2008. badge_color: >
  2009. {% if is_state('binary_sensor.uptimekuma_slzb06', 'on')
  2010. %}
  2011. #3CB371
  2012. {% elif is_state('binary_sensor.uptimekuma_slzb06',
  2013. 'unknown') %}
  2014. #FFA07A
  2015. {% else %}
  2016. #CD5C5C
  2017. {% endif %}
  2018. icon: mdi:zigbee
  2019. fill_container: true
  2020. layout: horizontal
  2021. tap_action:
  2022. action: more-info
  2023. hold_action:
  2024. action: none
  2025. double_tap_action:
  2026. action: none
  2027. card_mod:
  2028. style:
  2029. .: |
  2030. ha-card{
  2031. border-color: transparent
  2032. }
  2033. mushroom-state-info$: |
  2034. .primary {
  2035. font-size: 15px !important;
  2036. position: relative;
  2037. top: -10px;
  2038. left: 3px;
  2039. overflow: visible !important;
  2040. color: var(primary-text-color);
  2041. font-weight: bold;
  2042. text-overflow: ellipsis;
  2043. }
  2044. - type: custom:uptime-card
  2045. entity: binary_sensor.uptimekuma_slzb06
  2046. hours_to_show: 24
  2047. alignment:
  2048. tooltip_first: true
  2049. show:
  2050. footer: false
  2051. header: false
  2052. status: false
  2053. bar:
  2054. height: 40
  2055. round: 10
  2056. spacing: 10
  2057. amount: 7
  2058. color:
  2059. ok: "#3CB371"
  2060. ko: "#CD5C5C"
  2061. half: "#FFA500"
  2062. card_mod:
  2063. style: |
  2064. ha-card {
  2065. position: relative;
  2066. top: 10px;
  2067. left: -68%;
  2068. overflow: visible !important;
  2069. width: 150%;
  2070. border-color: transparent;
  2071. }
  2072. - type: custom:stack-in-card
  2073. mode: horizontal
  2074. cards:
  2075. - type: custom:mushroom-template-card
  2076. entity: binary_sensor.uptimekuma_wled_board
  2077. primary: WLED Board
  2078. icon_color: "#708090"
  2079. badge_icon: >
  2080. {% if is_state('binary_sensor.uptimekuma_wled_board',
  2081. 'on') %}
  2082. mdi:check-bold
  2083. {% elif is_state('binary_sensor.uptimekuma_wled_board',
  2084. 'unknown') %}
  2085. mdi:help-circle
  2086. {% else %}
  2087. disabled
  2088. {% endif %}
  2089. badge_color: >
  2090. {% if is_state('binary_sensor.uptimekuma_wled_board',
  2091. 'on') %}
  2092. #3CB371
  2093. {% elif is_state('binary_sensor.uptimekuma_wled_board',
  2094. 'unknown') %}
  2095. #FFA07A
  2096. {% else %}
  2097. #CD5C5C
  2098. {% endif %}
  2099. icon: mdi:artboard
  2100. fill_container: true
  2101. layout: horizontal
  2102. tap_action:
  2103. action: more-info
  2104. hold_action:
  2105. action: none
  2106. double_tap_action:
  2107. action: none
  2108. card_mod:
  2109. style:
  2110. .: |
  2111. ha-card{
  2112. border-color: transparent
  2113. }
  2114. mushroom-state-info$: |
  2115. .primary {
  2116. font-size: 15px !important;
  2117. position: relative;
  2118. top: -10px;
  2119. left: 3px;
  2120. overflow: visible !important;
  2121. color: var(primary-text-color);
  2122. font-weight: bold;
  2123. text-overflow: ellipsis;
  2124. }
  2125. - type: custom:uptime-card
  2126. entity: binary_sensor.uptimekuma_wled_board
  2127. hours_to_show: 24
  2128. alignment:
  2129. tooltip_first: true
  2130. show:
  2131. footer: false
  2132. header: false
  2133. status: false
  2134. bar:
  2135. height: 40
  2136. round: 10
  2137. spacing: 10
  2138. amount: 7
  2139. color:
  2140. ok: "#3CB371"
  2141. ko: "#CD5C5C"
  2142. half: "#FFA500"
  2143. card_mod:
  2144. style: |
  2145. ha-card {
  2146. position: relative;
  2147. top: 10px;
  2148. left: -68%;
  2149. overflow: visible !important;
  2150. width: 150%;
  2151. border-color: transparent;
  2152. }
  2153. - type: horizontal-stack
  2154. cards:
  2155. - type: custom:stack-in-card
  2156. mode: horizontal
  2157. cards:
  2158. - type: custom:mushroom-template-card
  2159. entity: binary_sensor.uptimekuma_wled_desk
  2160. primary: WLED Desk
  2161. icon_color: "#708090"
  2162. badge_icon: >
  2163. {% if is_state('binary_sensor.uptimekuma_wled_desk', 'on')
  2164. %}
  2165. mdi:check-bold
  2166. {% elif is_state('binary_sensor.uptimekuma_wled_desk',
  2167. 'unknown') %}
  2168. mdi:help-circle
  2169. {% else %}
  2170. disabled
  2171. {% endif %}
  2172. badge_color: >
  2173. {% if is_state('binary_sensor.uptimekuma_wled_desk', 'on')
  2174. %}
  2175. #3CB371
  2176. {% elif is_state('binary_sensor.uptimekuma_wled_desk',
  2177. 'unknown') %}
  2178. #FFA07A
  2179. {% else %}
  2180. #CD5C5C
  2181. {% endif %}
  2182. icon: mdi:desk
  2183. fill_container: true
  2184. layout: horizontal
  2185. tap_action:
  2186. action: more-info
  2187. hold_action:
  2188. action: none
  2189. double_tap_action:
  2190. action: none
  2191. card_mod:
  2192. style:
  2193. .: |
  2194. ha-card{
  2195. border-color: transparent
  2196. }
  2197. mushroom-state-info$: |
  2198. .primary {
  2199. font-size: 15px !important;
  2200. position: relative;
  2201. top: -10px;
  2202. left: 3px;
  2203. overflow: visible !important;
  2204. color: var(primary-text-color);
  2205. font-weight: bold;
  2206. text-overflow: ellipsis;
  2207. }
  2208. - type: custom:uptime-card
  2209. entity: binary_sensor.uptimekuma_wled_desk
  2210. hours_to_show: 24
  2211. alignment:
  2212. tooltip_first: true
  2213. show:
  2214. footer: false
  2215. header: false
  2216. status: false
  2217. bar:
  2218. height: 40
  2219. round: 10
  2220. spacing: 10
  2221. amount: 7
  2222. color:
  2223. ok: "#3CB371"
  2224. ko: "#CD5C5C"
  2225. half: "#FFA500"
  2226. card_mod:
  2227. style: |
  2228. ha-card {
  2229. position: relative;
  2230. top: 10px;
  2231. left: -68%;
  2232. overflow: visible !important;
  2233. width: 150%;
  2234. border-color: transparent;
  2235. }
  2236. - type: custom:stack-in-card
  2237. mode: horizontal
  2238. cards:
  2239. - type: custom:mushroom-template-card
  2240. entity: binary_sensor.uptimekuma_wled_shelf
  2241. primary: WLED Shelf
  2242. icon_color: "#708090"
  2243. badge_icon: >
  2244. {% if is_state('binary_sensor.uptimekuma_wled_shelf',
  2245. 'on') %}
  2246. mdi:check-bold
  2247. {% elif is_state('binary_sensor.uptimekuma_wled_shelf',
  2248. 'unknown') %}
  2249. mdi:help-circle
  2250. {% else %}
  2251. disabled
  2252. {% endif %}
  2253. badge_color: >
  2254. {% if is_state('binary_sensor.uptimekuma_wled_shelf',
  2255. 'on') %}
  2256. #3CB371
  2257. {% elif is_state('binary_sensor.uptimekuma_wled_shelf',
  2258. 'unknown') %}
  2259. #FFA07A
  2260. {% else %}
  2261. #CD5C5C
  2262. {% endif %}
  2263. icon: mdi:bookshelf
  2264. fill_container: true
  2265. layout: horizontal
  2266. tap_action:
  2267. action: more-info
  2268. hold_action:
  2269. action: none
  2270. double_tap_action:
  2271. action: none
  2272. card_mod:
  2273. style:
  2274. .: |
  2275. ha-card{
  2276. border-color: transparent
  2277. }
  2278. mushroom-state-info$: |
  2279. .primary {
  2280. font-size: 15px !important;
  2281. position: relative;
  2282. top: -10px;
  2283. left: 3px;
  2284. overflow: visible !important;
  2285. color: var(primary-text-color);
  2286. font-weight: bold;
  2287. text-overflow: ellipsis;
  2288. }
  2289. - type: custom:uptime-card
  2290. entity: binary_sensor.uptimekuma_wled_shelf
  2291. hours_to_show: 24
  2292. alignment:
  2293. tooltip_first: true
  2294. show:
  2295. footer: false
  2296. header: false
  2297. status: false
  2298. bar:
  2299. height: 40
  2300. round: 10
  2301. spacing: 10
  2302. amount: 7
  2303. color:
  2304. ok: "#3CB371"
  2305. ko: "#CD5C5C"
  2306. half: "#FFA500"
  2307. card_mod:
  2308. style: |
  2309. ha-card {
  2310. position: relative;
  2311. top: 10px;
  2312. left: -68%;
  2313. overflow: visible !important;
  2314. width: 150%;
  2315. border-color: transparent;
  2316. }
  2317. - type: horizontal-stack
  2318. cards:
  2319. - type: custom:stack-in-card
  2320. mode: horizontal
  2321. cards:
  2322. - type: custom:mushroom-template-card
  2323. entity: binary_sensor.uptimekuma_proxmox_3060
  2324. primary: Prox 3060
  2325. icon_color: "#708090"
  2326. badge_icon: >
  2327. {% if is_state('binary_sensor.uptimekuma_proxmox_3060',
  2328. 'on') %}
  2329. mdi:check-bold
  2330. {% elif is_state('binary_sensor.uptimekuma_proxmox_3060',
  2331. 'unknown') %}
  2332. mdi:help-circle
  2333. {% else %}
  2334. disabled
  2335. {% endif %}
  2336. badge_color: >
  2337. {% if is_state('binary_sensor.uptimekuma_proxmox_3060',
  2338. 'on') %}
  2339. #3CB371
  2340. {% elif is_state('binary_sensor.uptimekuma_proxmox_3060',
  2341. 'unknown') %}
  2342. #FFA07A
  2343. {% else %}
  2344. #CD5C5C
  2345. {% endif %}
  2346. icon: mdi:server
  2347. fill_container: true
  2348. layout: horizontal
  2349. tap_action:
  2350. action: more-info
  2351. hold_action:
  2352. action: none
  2353. double_tap_action:
  2354. action: none
  2355. card_mod:
  2356. style:
  2357. .: |
  2358. ha-card{
  2359. border-color: transparent
  2360. }
  2361. mushroom-state-info$: |
  2362. .primary {
  2363. font-size: 15px !important;
  2364. position: relative;
  2365. top: -10px;
  2366. left: 3px;
  2367. overflow: visible !important;
  2368. color: var(primary-text-color);
  2369. font-weight: bold;
  2370. text-overflow: ellipsis;
  2371. }
  2372. - type: custom:uptime-card
  2373. entity: binary_sensor.uptimekuma_proxmox_3060
  2374. hours_to_show: 24
  2375. alignment:
  2376. tooltip_first: true
  2377. show:
  2378. footer: false
  2379. header: false
  2380. status: false
  2381. bar:
  2382. height: 40
  2383. round: 10
  2384. spacing: 10
  2385. amount: 7
  2386. color:
  2387. ok: "#3CB371"
  2388. ko: "#CD5C5C"
  2389. half: "#FFA500"
  2390. card_mod:
  2391. style: |
  2392. ha-card {
  2393. position: relative;
  2394. top: 10px;
  2395. left: -68%;
  2396. overflow: visible !important;
  2397. width: 150%;
  2398. border-color: transparent;
  2399. }
  2400. - type: custom:stack-in-card
  2401. mode: horizontal
  2402. cards:
  2403. - type: custom:mushroom-template-card
  2404. entity: binary_sensor.uptimekuma_pbs
  2405. primary: PBS
  2406. icon_color: "#708090"
  2407. badge_icon: >
  2408. {% if is_state('binary_sensor.uptimekuma_pbs', 'on') %}
  2409. mdi:check-bold
  2410. {% elif is_state('binary_sensor.uptimekuma_pbs',
  2411. 'unknown') %}
  2412. mdi:help-circle
  2413. {% else %}
  2414. disabled
  2415. {% endif %}
  2416. badge_color: >
  2417. {% if is_state('binary_sensor.uptimekuma_pbs', 'on') %}
  2418. #3CB371
  2419. {% elif is_state('binary_sensor.uptimekuma_pbs',
  2420. 'unknown') %}
  2421. #FFA07A
  2422. {% else %}
  2423. #CD5C5C
  2424. {% endif %}
  2425. icon: mdi:server
  2426. fill_container: true
  2427. layout: horizontal
  2428. tap_action:
  2429. action: more-info
  2430. hold_action:
  2431. action: none
  2432. double_tap_action:
  2433. action: none
  2434. card_mod:
  2435. style:
  2436. .: |
  2437. ha-card{
  2438. border-color: transparent
  2439. }
  2440. mushroom-state-info$: |
  2441. .primary {
  2442. font-size: 15px !important;
  2443. position: relative;
  2444. top: -10px;
  2445. left: 3px;
  2446. overflow: visible !important;
  2447. color: var(primary-text-color);
  2448. font-weight: bold;
  2449. text-overflow: ellipsis;
  2450. }
  2451. - type: custom:uptime-card
  2452. entity: binary_sensor.uptimekuma_pbs
  2453. hours_to_show: 24
  2454. alignment:
  2455. tooltip_first: true
  2456. show:
  2457. footer: false
  2458. header: false
  2459. status: false
  2460. bar:
  2461. height: 40
  2462. round: 10
  2463. spacing: 10
  2464. amount: 7
  2465. color:
  2466. ok: "#3CB371"
  2467. ko: "#CD5C5C"
  2468. half: "#FFA500"
  2469. card_mod:
  2470. style: |
  2471. ha-card {
  2472. position: relative;
  2473. top: 10px;
  2474. left: -68%;
  2475. overflow: visible !important;
  2476. width: 150%;
  2477. border-color: transparent;
  2478. }
  2479. - type: horizontal-stack
  2480. cards:
  2481. - type: custom:stack-in-card
  2482. mode: horizontal
  2483. cards:
  2484. - type: custom:mushroom-template-card
  2485. entity: binary_sensor.uptimekuma_adguard_1
  2486. primary: Adguard 1
  2487. icon_color: "#708090"
  2488. badge_icon: >
  2489. {% if is_state('binary_sensor.uptimekuma_adguard_1', 'on')
  2490. %}
  2491. mdi:check-bold
  2492. {% elif is_state('binary_sensor.uptimekuma_adguard_1',
  2493. 'unknown') %}
  2494. mdi:help-circle
  2495. {% else %}
  2496. disabled
  2497. {% endif %}
  2498. badge_color: >
  2499. {% if is_state('binary_sensor.uptimekuma_adguard_1', 'on')
  2500. %}
  2501. #3CB371
  2502. {% elif is_state('binary_sensor.uptimekuma_adguard_1',
  2503. 'unknown') %}
  2504. #FFA07A
  2505. {% else %}
  2506. #CD5C5C
  2507. {% endif %}
  2508. icon: mdi:dns-outline
  2509. fill_container: true
  2510. layout: horizontal
  2511. tap_action:
  2512. action: more-info
  2513. hold_action:
  2514. action: none
  2515. double_tap_action:
  2516. action: none
  2517. card_mod:
  2518. style:
  2519. .: |
  2520. ha-card{
  2521. border-color: transparent
  2522. }
  2523. mushroom-state-info$: |
  2524. .primary {
  2525. font-size: 15px !important;
  2526. position: relative;
  2527. top: -10px;
  2528. left: 3px;
  2529. overflow: visible !important;
  2530. color: var(primary-text-color);
  2531. font-weight: bold;
  2532. text-overflow: ellipsis;
  2533. }
  2534. - type: custom:uptime-card
  2535. entity: binary_sensor.uptimekuma_adguard_1
  2536. hours_to_show: 24
  2537. alignment:
  2538. tooltip_first: true
  2539. show:
  2540. footer: false
  2541. header: false
  2542. status: false
  2543. bar:
  2544. height: 40
  2545. round: 10
  2546. spacing: 10
  2547. amount: 7
  2548. color:
  2549. ok: "#3CB371"
  2550. ko: "#CD5C5C"
  2551. half: "#FFA500"
  2552. card_mod:
  2553. style: |
  2554. ha-card {
  2555. position: relative;
  2556. top: 10px;
  2557. left: -68%;
  2558. overflow: visible !important;
  2559. width: 150%;
  2560. border-color: transparent;
  2561. }
  2562. - type: custom:stack-in-card
  2563. mode: horizontal
  2564. cards:
  2565. - type: custom:mushroom-template-card
  2566. entity: binary_sensor.uptimekuma_adguard_2
  2567. primary: Adguard 2
  2568. icon_color: "#708090"
  2569. badge_icon: >
  2570. {% if is_state('binary_sensor.uptimekuma_adguard_2', 'on')
  2571. %}
  2572. mdi:check-bold
  2573. {% elif is_state('binary_sensor.uptimekuma_adguard_2',
  2574. 'unknown') %}
  2575. mdi:help-circle
  2576. {% else %}
  2577. disabled
  2578. {% endif %}
  2579. badge_color: >
  2580. {% if is_state('binary_sensor.uptimekuma_adguard_2', 'on')
  2581. %}
  2582. #3CB371
  2583. {% elif is_state('binary_sensor.uptimekuma_adguard_2',
  2584. 'unknown') %}
  2585. #FFA07A
  2586. {% else %}
  2587. #CD5C5C
  2588. {% endif %}
  2589. icon: mdi:dns-outline
  2590. fill_container: true
  2591. layout: horizontal
  2592. tap_action:
  2593. action: more-info
  2594. hold_action:
  2595. action: none
  2596. double_tap_action:
  2597. action: none
  2598. card_mod:
  2599. style:
  2600. .: |
  2601. ha-card{
  2602. border-color: transparent
  2603. }
  2604. mushroom-state-info$: |
  2605. .primary {
  2606. font-size: 15px !important;
  2607. position: relative;
  2608. top: -10px;
  2609. left: 3px;
  2610. overflow: visible !important;
  2611. color: var(primary-text-color);
  2612. font-weight: bold;
  2613. text-overflow: ellipsis;
  2614. }
  2615. - type: custom:uptime-card
  2616. entity: binary_sensor.uptimekuma_adguard_2
  2617. hours_to_show: 24
  2618. alignment:
  2619. tooltip_first: true
  2620. show:
  2621. footer: false
  2622. header: false
  2623. status: false
  2624. bar:
  2625. height: 40
  2626. round: 10
  2627. spacing: 10
  2628. amount: 7
  2629. color:
  2630. ok: "#3CB371"
  2631. ko: "#CD5C5C"
  2632. half: "#FFA500"
  2633. card_mod:
  2634. style: |
  2635. ha-card {
  2636. position: relative;
  2637. top: 10px;
  2638. left: -68%;
  2639. overflow: visible !important;
  2640. width: 150%;
  2641. border-color: transparent;
  2642. }
  2643. - type: horizontal-stack
  2644. cards:
  2645. - type: custom:stack-in-card
  2646. mode: horizontal
  2647. cards:
  2648. - type: custom:mushroom-template-card
  2649. entity: binary_sensor.uptimekuma_raspi
  2650. primary: RasPi
  2651. icon_color: "#708090"
  2652. badge_icon: >
  2653. {% if is_state('binary_sensor.uptimekuma_raspi', 'on')
  2654. %}
  2655. mdi:check-bold
  2656. {% elif is_state('binary_sensor.uptimekuma_raspi',
  2657. 'unknown') %}
  2658. mdi:help-circle
  2659. {% else %}
  2660. disabled
  2661. {% endif %}
  2662. badge_color: >
  2663. {% if is_state('binary_sensor.uptimekuma_raspi', 'on')
  2664. %}
  2665. #3CB371
  2666. {% elif is_state('binary_sensor.uptimekuma_raspi',
  2667. 'unknown') %}
  2668. #FFA07A
  2669. {% else %}
  2670. #CD5C5C
  2671. {% endif %}
  2672. icon: mdi:raspberry-pi
  2673. fill_container: true
  2674. layout: horizontal
  2675. tap_action:
  2676. action: more-info
  2677. hold_action:
  2678. action: none
  2679. double_tap_action:
  2680. action: none
  2681. card_mod:
  2682. style:
  2683. .: |
  2684. ha-card{
  2685. border-color: transparent
  2686. }
  2687. mushroom-state-info$: |
  2688. .primary {
  2689. font-size: 15px !important;
  2690. position: relative;
  2691. top: -10px;
  2692. left: 3px;
  2693. overflow: visible !important;
  2694. color: var(primary-text-color);
  2695. font-weight: bold;
  2696. text-overflow: ellipsis;
  2697. }
  2698. - type: custom:uptime-card
  2699. entity: binary_sensor.uptimekuma_raspi
  2700. hours_to_show: 24
  2701. alignment:
  2702. tooltip_first: true
  2703. show:
  2704. footer: false
  2705. header: false
  2706. status: false
  2707. bar:
  2708. height: 40
  2709. round: 10
  2710. spacing: 10
  2711. amount: 7
  2712. color:
  2713. ok: "#3CB371"
  2714. ko: "#CD5C5C"
  2715. half: "#FFA500"
  2716. card_mod:
  2717. style: |
  2718. ha-card {
  2719. position: relative;
  2720. top: 10px;
  2721. left: -68%;
  2722. overflow: visible !important;
  2723. width: 150%;
  2724. border-color: transparent;
  2725. }
  2726. - type: custom:stack-in-card
  2727. mode: horizontal
  2728. cards:
  2729. - type: custom:mushroom-template-card
  2730. entity: binary_sensor.uptimekuma_nginx
  2731. primary: Nginx
  2732. icon_color: "#708090"
  2733. badge_icon: >
  2734. {% if is_state('binary_sensor.uptimekuma_nginx', 'on')
  2735. %}
  2736. mdi:check-bold
  2737. {% elif is_state('binary_sensor.uptimekuma_nginx',
  2738. 'unknown') %}
  2739. mdi:help-circle
  2740. {% else %}
  2741. disabled
  2742. {% endif %}
  2743. badge_color: >
  2744. {% if is_state('binary_sensor.uptimekuma_nginx', 'on')
  2745. %}
  2746. #3CB371
  2747. {% elif is_state('binary_sensor.uptimekuma_nginx',
  2748. 'unknown') %}
  2749. #FFA07A
  2750. {% else %}
  2751. #CD5C5C
  2752. {% endif %}
  2753. icon: mdi:lan-connect
  2754. fill_container: true
  2755. layout: horizontal
  2756. tap_action:
  2757. action: more-info
  2758. hold_action:
  2759. action: none
  2760. double_tap_action:
  2761. action: none
  2762. card_mod:
  2763. style:
  2764. .: |
  2765. ha-card{
  2766. border-color: transparent
  2767. }
  2768. mushroom-state-info$: |
  2769. .primary {
  2770. font-size: 15px !important;
  2771. position: relative;
  2772. top: -10px;
  2773. left: 3px;
  2774. overflow: visible !important;
  2775. color: var(primary-text-color);
  2776. font-weight: bold;
  2777. text-overflow: ellipsis;
  2778. }
  2779. - type: custom:uptime-card
  2780. entity: binary_sensor.uptimekuma_nginx
  2781. hours_to_show: 24
  2782. alignment:
  2783. tooltip_first: true
  2784. show:
  2785. footer: false
  2786. header: false
  2787. status: false
  2788. bar:
  2789. height: 40
  2790. round: 10
  2791. spacing: 10
  2792. amount: 7
  2793. color:
  2794. ok: "#3CB371"
  2795. ko: "#CD5C5C"
  2796. half: "#FFA500"
  2797. card_mod:
  2798. style: |
  2799. ha-card {
  2800. position: relative;
  2801. top: 10px;
  2802. left: -68%;
  2803. overflow: visible !important;
  2804. width: 150%;
  2805. border-color: transparent;
  2806. }
  2807. - type: vertical-stack
  2808. cards:
  2809. - type: custom:bubble-card
  2810. card_type: pop-up
  2811. hash: "#3060"
  2812. backdrop_blur: "0"
  2813. shadow_opacity: "10"
  2814. name: Micro 3060
  2815. icon: mdi:server-network-outline
  2816. bg_opacity: "18"
  2817. bg_blur: "18"
  2818. margin_top_desktop: 1vh
  2819. margin_top_mobile: 1vh
  2820. - type: custom:bubble-card
  2821. card_type: empty-column
  2822. name: Main info
  2823. - type: horizontal-stack
  2824. cards:
  2825. - type: custom:mini-graph-card
  2826. entities:
  2827. - entity: sensor.node_prox_memory_used_percentage
  2828. color: salmon
  2829. name: RAM
  2830. hours_to_show: 168
  2831. aggregate_func: max
  2832. group_by: date
  2833. font_size: 60
  2834. bar_spacing: 25
  2835. show:
  2836. graph: bar
  2837. name: true
  2838. legend: true
  2839. icon: true
  2840. labels: true
  2841. icon_adaptive_color: true
  2842. - type: custom:mini-graph-card
  2843. entities:
  2844. - entity: sensor.node_prox_cpu_used
  2845. color: salmon
  2846. name: CPU
  2847. hours_to_show: 168
  2848. aggregate_func: max
  2849. group_by: date
  2850. font_size: 60
  2851. bar_spacing: 25
  2852. show:
  2853. graph: bar
  2854. name: true
  2855. legend: true
  2856. icon: true
  2857. labels: true
  2858. icon_adaptive_color: true
  2859. - type: custom:bubble-card
  2860. card_type: separator
  2861. name: M.2
  2862. icon: mdi:harddisk
  2863. - type: horizontal-stack
  2864. cards:
  2865. - type: custom:mini-graph-card
  2866. entities:
  2867. - entity: sensor.storage_prox_local_disk_used_percentage
  2868. name: local
  2869. hours_to_show: 168
  2870. aggregate_func: max
  2871. font_size: 60
  2872. group_by: date
  2873. line_color: salmon
  2874. line_width: 6
  2875. smoothing: false
  2876. show:
  2877. labels: false
  2878. labels_secondary: false
  2879. icon: false
  2880. name: true
  2881. points: true
  2882. - type: custom:mini-graph-card
  2883. entities:
  2884. - entity: sensor.storage_prox_local_lvm_disk_used_percentage
  2885. name: local-lvm
  2886. hours_to_show: 168
  2887. aggregate_func: max
  2888. font_size: 60
  2889. group_by: date
  2890. line_color: salmon
  2891. line_width: 6
  2892. smoothing: false
  2893. show:
  2894. labels: false
  2895. labels_secondary: false
  2896. icon: false
  2897. name: true
  2898. points: true
  2899. - type: horizontal-stack
  2900. cards:
  2901. - type: custom:bubble-card
  2902. card_type: button
  2903. button_type: state
  2904. entity: >-
  2905. sensor.disk_prox_sk_hynix_sc401_sata_256gb_dev_sdb_power_cycles
  2906. name: Cycles
  2907. - type: custom:bubble-card
  2908. card_type: button
  2909. button_type: state
  2910. entity: sensor.disk_prox_sk_hynix_sc401_sata_256gb_dev_sdb_wearout
  2911. name: Wearout
  2912. - type: custom:bubble-card
  2913. card_type: button
  2914. button_type: state
  2915. name: Health
  2916. icon: mdi:check
  2917. entity: >-
  2918. binary_sensor.disk_prox_sk_hynix_sc401_sata_256gb_dev_sdb_health
  2919. - type: custom:bubble-card
  2920. card_type: separator
  2921. name: HDD
  2922. icon: mdi:harddisk
  2923. - type: custom:mini-graph-card
  2924. entities:
  2925. - entity: sensor.storage_prox_hdd_disk_used_percentage
  2926. name: null
  2927. hours_to_show: 336
  2928. aggregate_func: max
  2929. font_size: 60
  2930. group_by: date
  2931. line_color: salmon
  2932. line_width: 4
  2933. smoothing: false
  2934. show:
  2935. labels: false
  2936. labels_secondary: false
  2937. icon: false
  2938. name: false
  2939. points: true
  2940. - type: horizontal-stack
  2941. cards:
  2942. - type: custom:bubble-card
  2943. card_type: button
  2944. button_type: state
  2945. entity: sensor.disk_prox_st500lm000_1ej162_dev_sda_power_cycles
  2946. name: Cycles
  2947. - type: custom:bubble-card
  2948. card_type: button
  2949. button_type: state
  2950. entity: sensor.disk_prox_st500lm000_1ej162_dev_sda_temperature
  2951. name: Temp
  2952. icon: mdi:temperature-fahrenheit
  2953. - type: custom:bubble-card
  2954. card_type: button
  2955. button_type: state
  2956. name: Health
  2957. icon: mdi:check
  2958. entity: binary_sensor.disk_prox_st500lm000_1ej162_dev_sda_health
  2959. - type: vertical-stack
  2960. cards:
  2961. - type: custom:bubble-card
  2962. card_type: pop-up
  2963. hash: "#mainpve"
  2964. button_type: state
  2965. backdrop_blur: "0"
  2966. shadow_opacity: "10"
  2967. name: Optiplex SFF 7070
  2968. icon: mdi:server-minus-outline
  2969. bg_blur: "18"
  2970. bg_opacity: "18"
  2971. margin_top_desktop: 1vh
  2972. margin_top_mobile: 1vh
  2973. - type: horizontal-stack
  2974. cards:
  2975. - type: custom:mini-graph-card
  2976. entities:
  2977. - entity: sensor.node_pveorg_memory_used_percentage
  2978. color: salmon
  2979. name: RAM
  2980. hours_to_show: 168
  2981. aggregate_func: max
  2982. group_by: date
  2983. font_size: 60
  2984. bar_spacing: 25
  2985. show:
  2986. graph: bar
  2987. name: true
  2988. legend: true
  2989. icon: true
  2990. labels: true
  2991. icon_adaptive_color: true
  2992. - type: custom:mini-graph-card
  2993. entities:
  2994. - entity: sensor.node_pveorg_cpu_used
  2995. color: salmon
  2996. name: CPU
  2997. hours_to_show: 168
  2998. aggregate_func: max
  2999. group_by: date
  3000. font_size: 60
  3001. bar_spacing: 25
  3002. show:
  3003. graph: bar
  3004. name: true
  3005. legend: true
  3006. icon: true
  3007. labels: true
  3008. icon_adaptive_color: true
  3009. - type: custom:bubble-card
  3010. card_type: separator
  3011. name: M.2
  3012. icon: mdi:harddisk
  3013. - type: horizontal-stack
  3014. cards:
  3015. - type: custom:mini-graph-card
  3016. entities:
  3017. - entity: sensor.storage_pveorg_local_disk_used_percentage
  3018. name: local
  3019. hours_to_show: 168
  3020. aggregate_func: max
  3021. font_size: 60
  3022. group_by: date
  3023. line_color: salmon
  3024. line_width: 6
  3025. smoothing: false
  3026. show:
  3027. labels: false
  3028. labels_secondary: false
  3029. icon: false
  3030. name: true
  3031. points: true
  3032. - type: custom:mini-graph-card
  3033. entities:
  3034. - entity: sensor.storage_pveorg_local_lvm_disk_used_percentage
  3035. name: local-lvm
  3036. hours_to_show: 168
  3037. aggregate_func: max
  3038. font_size: 60
  3039. group_by: date
  3040. line_color: salmon
  3041. line_width: 6
  3042. smoothing: false
  3043. show:
  3044. labels: false
  3045. labels_secondary: false
  3046. icon: false
  3047. name: true
  3048. points: true
  3049. - type: horizontal-stack
  3050. cards:
  3051. - type: custom:bubble-card
  3052. card_type: button
  3053. button_type: state
  3054. entity: >-
  3055. sensor.disk_pveorg_pc_sn520_nvme_wdc_256gb_dev_nvme0n1_power_cycles
  3056. name: Cycles
  3057. - type: custom:bubble-card
  3058. card_type: button
  3059. button_type: state
  3060. entity: >-
  3061. sensor.disk_pveorg_pc_sn520_nvme_wdc_256gb_dev_nvme0n1_power_on_hours
  3062. name: Hours
  3063. - type: custom:bubble-card
  3064. card_type: button
  3065. button_type: state
  3066. entity: sensor.disk_pveorg_pc_sn520_nvme_wdc_256gb_dev_nvme0n1_wearout
  3067. name: Wearout
  3068. - type: custom:bubble-card
  3069. card_type: separator
  3070. name: Seagate
  3071. icon: mdi:harddisk
  3072. - type: custom:mini-graph-card
  3073. entities:
  3074. - entity: sensor.storage_pveorg_seagate_disk_used_percentage
  3075. name: Seagate
  3076. hours_to_show: 336
  3077. aggregate_func: max
  3078. font_size: 60
  3079. group_by: date
  3080. line_color: salmon
  3081. line_width: 4
  3082. smoothing: false
  3083. show:
  3084. labels: false
  3085. labels_secondary: false
  3086. icon: false
  3087. name: true
  3088. points: true
  3089. - type: horizontal-stack
  3090. cards:
  3091. - type: custom:bubble-card
  3092. card_type: button
  3093. button_type: state
  3094. entity: sensor.disk_pveorg_st2000dm006_2dm164_dev_sda_power_cycles
  3095. name: Cycles
  3096. - type: custom:bubble-card
  3097. card_type: button
  3098. button_type: state
  3099. entity: sensor.disk_pveorg_st2000dm006_2dm164_dev_sda_power_on_hours
  3100. name: Hours
  3101. - type: vertical-stack
  3102. cards:
  3103. - type: custom:bubble-card
  3104. card_type: pop-up
  3105. hash: "#scrypted"
  3106. backdrop_blur: "0"
  3107. shadow_opacity: "10"
  3108. name: Scrypted's usage
  3109. icon: mdi:server-network-outline
  3110. bg_opacity: "10"
  3111. bg_blur: "8"
  3112. margin_top_desktop: 40vh
  3113. margin_top_mobile: 40vh
  3114. styles: |
  3115. .bubble-button-background {
  3116. opacity: 0.8;
  3117. background-color: #7A7691 !important; /* usage background color */
  3118. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3119. }
  3120. .bubble-button-card-container {
  3121. color: #E6EAEA; /* main name text color, whiteish */
  3122. }
  3123. .bubble-icon-container {
  3124. #background: #E6EAEA;
  3125. color: #7A7691; /* main icon color */
  3126. }
  3127. - type: custom:bubble-card
  3128. card_type: empty-column
  3129. name: Main info
  3130. - type: horizontal-stack
  3131. cards:
  3132. - type: custom:mini-graph-card
  3133. entities:
  3134. - entity: sensor.lxc_scrypted_103_memory_used_percentage
  3135. color: "#7A7691"
  3136. name: RAM
  3137. hours_to_show: 168
  3138. aggregate_func: max
  3139. group_by: date
  3140. font_size: 60
  3141. bar_spacing: 25
  3142. show:
  3143. graph: bar
  3144. name: true
  3145. legend: true
  3146. icon: true
  3147. icon_adaptive_color: true
  3148. - type: custom:mini-graph-card
  3149. entities:
  3150. - entity: sensor.lxc_scrypted_103_cpu_used
  3151. name: CPU
  3152. hours_to_show: 168
  3153. aggregate_func: max
  3154. font_size: 60
  3155. group_by: date
  3156. line_color: "#7A7691"
  3157. line_width: 6
  3158. smoothing: false
  3159. show:
  3160. labels: false
  3161. labels_secondary: false
  3162. icon: true
  3163. name: true
  3164. points: true
  3165. icon_adaptive_color: true
  3166. - type: custom:mini-graph-card
  3167. entities:
  3168. - entity: sensor.lxc_scrypted_103_disk_used_percentage
  3169. name: Disk
  3170. hours_to_show: 24
  3171. aggregate_func: max
  3172. font_size: 60
  3173. line_color: "#7A7691"
  3174. line_width: 6
  3175. smoothing: false
  3176. show:
  3177. labels: false
  3178. labels_secondary: false
  3179. icon: true
  3180. name: true
  3181. points: true
  3182. icon_adaptive_color: true
  3183. - type: vertical-stack
  3184. cards:
  3185. - type: custom:bubble-card
  3186. card_type: pop-up
  3187. hash: "#ha"
  3188. backdrop_blur: "0"
  3189. shadow_opacity: "10"
  3190. name: HA's usage
  3191. icon: mdi:server-network-outline
  3192. bg_opacity: "18"
  3193. bg_blur: "18"
  3194. margin_top_desktop: 40vh
  3195. margin_top_mobile: 40vh
  3196. styles: |
  3197. .bubble-button-background {
  3198. opacity: 0.8;
  3199. background-color: #88A5B3 !important; /* usage background color */
  3200. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3201. }
  3202. .bubble-button-card-container {
  3203. color: #E6EAEA; /* main name text color, whiteish */
  3204. }
  3205. .bubble-icon-container {
  3206. #background: #E6EAEA;
  3207. color: #88A5B3; /* main icon color */
  3208. }
  3209. - type: custom:bubble-card
  3210. card_type: empty-column
  3211. name: Main info
  3212. - type: horizontal-stack
  3213. cards:
  3214. - type: custom:mini-graph-card
  3215. entities:
  3216. - entity: sensor.localhost_memory_usage
  3217. color: "#88A5B3"
  3218. name: RAM
  3219. hours_to_show: 168
  3220. aggregate_func: max
  3221. group_by: date
  3222. font_size: 60
  3223. bar_spacing: 25
  3224. show:
  3225. graph: bar
  3226. name: true
  3227. legend: true
  3228. icon: true
  3229. icon_adaptive_color: true
  3230. - type: custom:mini-graph-card
  3231. entities:
  3232. - entity: sensor.localhost_cpu_usage
  3233. color: "#88A5B3"
  3234. name: CPU
  3235. hours_to_show: 168
  3236. aggregate_func: max
  3237. font_size: 60
  3238. group_by: date
  3239. line_width: 6
  3240. smoothing: false
  3241. show:
  3242. labels: false
  3243. labels_secondary: false
  3244. icon: true
  3245. name: true
  3246. points: true
  3247. icon_adaptive_color: true
  3248. - type: custom:mini-graph-card
  3249. entities:
  3250. - entity: sensor.localhost_data_disk_usage
  3251. color: "#88A5B3"
  3252. name: Disk
  3253. hours_to_show: 24
  3254. aggregate_func: max
  3255. font_size: 60
  3256. line_width: 6
  3257. smoothing: false
  3258. show:
  3259. labels: false
  3260. labels_secondary: false
  3261. icon: true
  3262. name: true
  3263. points: true
  3264. icon_adaptive_color: true
  3265. - type: vertical-stack
  3266. cards:
  3267. - type: custom:bubble-card
  3268. card_type: pop-up
  3269. hash: "#tesla"
  3270. backdrop_blur: "0"
  3271. shadow_opacity: "10"
  3272. name: Teslamate's usage
  3273. icon: mdi:server-network-outline
  3274. bg_opacity: "18"
  3275. bg_blur: "18"
  3276. margin_top_desktop: 40vh
  3277. margin_top_mobile: 40vh
  3278. styles: |
  3279. .bubble-button-background {
  3280. opacity: 0.8;
  3281. background-color: #6B7574 !important; /* usage background color */
  3282. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3283. }
  3284. .bubble-button-card-container {
  3285. color: #E6EAEA; /* main name text color, whiteish */
  3286. }
  3287. .bubble-icon-container {
  3288. #background: #E6EAEA;
  3289. color: #6B7574; /* main icon color */
  3290. }
  3291. - type: custom:bubble-card
  3292. card_type: empty-column
  3293. name: Main info
  3294. - type: horizontal-stack
  3295. cards:
  3296. - type: custom:mini-graph-card
  3297. entities:
  3298. - entity: sensor.lxc_docker_104_memory_used_percentage
  3299. color: "#6B7574"
  3300. name: RAM
  3301. hours_to_show: 168
  3302. aggregate_func: max
  3303. group_by: date
  3304. font_size: 60
  3305. bar_spacing: 25
  3306. show:
  3307. graph: bar
  3308. name: true
  3309. legend: true
  3310. icon: true
  3311. icon_adaptive_color: true
  3312. - type: custom:mini-graph-card
  3313. entities:
  3314. - entity: sensor.lxc_docker_104_cpu_used
  3315. color: "#6B7574"
  3316. name: CPU
  3317. hours_to_show: 168
  3318. aggregate_func: max
  3319. font_size: 60
  3320. group_by: date
  3321. line_width: 6
  3322. smoothing: false
  3323. show:
  3324. labels: false
  3325. labels_secondary: false
  3326. icon: true
  3327. name: true
  3328. points: true
  3329. icon_adaptive_color: true
  3330. - type: custom:mini-graph-card
  3331. entities:
  3332. - entity: sensor.lxc_docker_104_disk_used_percentage
  3333. color: "#6B7574"
  3334. name: Disk
  3335. hours_to_show: 24
  3336. aggregate_func: max
  3337. font_size: 60
  3338. line_width: 6
  3339. smoothing: false
  3340. show:
  3341. labels: false
  3342. labels_secondary: false
  3343. icon: true
  3344. name: true
  3345. points: true
  3346. icon_adaptive_color: true
  3347. - type: vertical-stack
  3348. cards:
  3349. - type: custom:bubble-card
  3350. card_type: pop-up
  3351. hash: "#itron"
  3352. backdrop_blur: "0"
  3353. shadow_opacity: "10"
  3354. name: itron's usage
  3355. icon: mdi:server-network-outline
  3356. bg_opacity: "18"
  3357. bg_blur: "18"
  3358. margin_top_desktop: 40vh
  3359. margin_top_mobile: 40vh
  3360. styles: |
  3361. .bubble-button-background {
  3362. opacity: 0.8;
  3363. background-color: #a9bd95 !important; /* usage background color */
  3364. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3365. }
  3366. .bubble-button-card-container {
  3367. color: #E6EAEA; /* main name text color, whiteish */
  3368. }
  3369. .bubble-icon-container {
  3370. color: #a9bd95; /* main icon color */
  3371. }
  3372. - type: custom:bubble-card
  3373. card_type: empty-column
  3374. name: Main info
  3375. - type: horizontal-stack
  3376. cards:
  3377. - type: custom:mini-graph-card
  3378. entities:
  3379. - entity: sensor.lxc_alpine_docker_108_memory_used_percentage
  3380. color: "#a9bd95"
  3381. name: RAM
  3382. hours_to_show: 168
  3383. aggregate_func: max
  3384. group_by: date
  3385. font_size: 60
  3386. bar_spacing: 25
  3387. show:
  3388. graph: bar
  3389. name: true
  3390. legend: true
  3391. icon: true
  3392. icon_adaptive_color: true
  3393. - type: custom:mini-graph-card
  3394. entities:
  3395. - entity: sensor.lxc_alpine_docker_108_cpu_used
  3396. name: CPU
  3397. hours_to_show: 168
  3398. aggregate_func: max
  3399. font_size: 60
  3400. group_by: date
  3401. line_color: "#a9bd95"
  3402. line_width: 6
  3403. smoothing: false
  3404. show:
  3405. labels: false
  3406. labels_secondary: false
  3407. icon: true
  3408. name: true
  3409. points: true
  3410. icon_adaptive_color: true
  3411. - type: custom:mini-graph-card
  3412. entities:
  3413. - entity: sensor.lxc_alpine_docker_108_disk_used_percentage
  3414. name: Disk
  3415. hours_to_show: 24
  3416. aggregate_func: max
  3417. font_size: 60
  3418. line_color: "#a9bd95"
  3419. line_width: 6
  3420. smoothing: false
  3421. show:
  3422. labels: false
  3423. labels_secondary: false
  3424. icon: true
  3425. name: true
  3426. points: true
  3427. icon_adaptive_color: true
  3428. - type: vertical-stack
  3429. cards:
  3430. - type: custom:bubble-card
  3431. card_type: pop-up
  3432. hash: "#z2m"
  3433. backdrop_blur: "0"
  3434. shadow_opacity: "10"
  3435. name: Z2M's usage
  3436. icon: mdi:server-network-outline
  3437. bg_opacity: "18"
  3438. bg_blur: "18"
  3439. margin_top_desktop: 40vh
  3440. margin_top_mobile: 40vh
  3441. styles: |
  3442. .bubble-button-background {
  3443. opacity: 0.8;
  3444. background-color: #EDA19D !important; /* usage background color */
  3445. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3446. }
  3447. .bubble-button-card-container {
  3448. color: #E6EAEA; /* main name text color, whiteish */
  3449. }
  3450. .bubble-icon-container {
  3451. #background: #E6EAEA;
  3452. color: #EDA19D; /* main icon color */
  3453. }
  3454. - type: custom:bubble-card
  3455. card_type: empty-column
  3456. name: Main info
  3457. - type: horizontal-stack
  3458. cards:
  3459. - type: custom:mini-graph-card
  3460. entities:
  3461. - entity: sensor.lxc_zigbee2mqtt_111_memory_used_percentage
  3462. color: "#EDA19D"
  3463. name: RAM
  3464. hours_to_show: 168
  3465. aggregate_func: max
  3466. group_by: date
  3467. font_size: 60
  3468. bar_spacing: 25
  3469. show:
  3470. graph: bar
  3471. name: true
  3472. legend: true
  3473. icon: true
  3474. icon_adaptive_color: true
  3475. - type: custom:mini-graph-card
  3476. entities:
  3477. - entity: sensor.lxc_zigbee2mqtt_111_cpu_used
  3478. color: "#EDA19D"
  3479. name: CPU
  3480. hours_to_show: 168
  3481. aggregate_func: max
  3482. font_size: 60
  3483. group_by: date
  3484. line_color: green
  3485. line_width: 6
  3486. smoothing: false
  3487. show:
  3488. labels: false
  3489. labels_secondary: false
  3490. icon: true
  3491. name: true
  3492. points: true
  3493. icon_adaptive_color: true
  3494. - type: custom:mini-graph-card
  3495. entities:
  3496. - entity: sensor.lxc_zigbee2mqtt_111_disk_used_percentage
  3497. color: "#EDA19D"
  3498. name: Disk
  3499. hours_to_show: 24
  3500. aggregate_func: max
  3501. font_size: 60
  3502. line_color: green
  3503. line_width: 6
  3504. smoothing: false
  3505. show:
  3506. labels: false
  3507. labels_secondary: false
  3508. icon: true
  3509. name: true
  3510. points: true
  3511. icon_adaptive_color: true
  3512. - type: vertical-stack
  3513. cards:
  3514. - type: custom:bubble-card
  3515. card_type: pop-up
  3516. hash: "#mqtt"
  3517. backdrop_blur: "0"
  3518. shadow_opacity: "10"
  3519. name: MQTT's usage
  3520. icon: mdi:server-network-outline
  3521. bg_opacity: "18"
  3522. bg_blur: "18"
  3523. margin_top_desktop: 40vh
  3524. margin_top_mobile: 40vh
  3525. styles: |
  3526. .bubble-button-background {
  3527. opacity: 0.8;
  3528. background-color: #CF8299 !important; /* usage background color */
  3529. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3530. }
  3531. .bubble-button-card-container {
  3532. color: #E6EAEA; /* main name text color, whiteish */
  3533. }
  3534. .bubble-icon-container {
  3535. #background: #E6EAEA;
  3536. color: #CF8299; /* main icon color */
  3537. }
  3538. - type: custom:bubble-card
  3539. card_type: empty-column
  3540. name: Main info
  3541. - type: horizontal-stack
  3542. cards:
  3543. - type: custom:mini-graph-card
  3544. entities:
  3545. - entity: sensor.lxc_mqtt_107_memory_used_percentage
  3546. color: "#CF8299"
  3547. name: RAM
  3548. icon: mdi:memory
  3549. hours_to_show: 168
  3550. aggregate_func: max
  3551. group_by: date
  3552. font_size: 60
  3553. bar_spacing: 25
  3554. show:
  3555. graph: bar
  3556. name: true
  3557. legend: true
  3558. icon: true
  3559. icon_adaptive_color: true
  3560. - type: custom:mini-graph-card
  3561. entities:
  3562. - entity: sensor.lxc_mqtt_107_cpu_used
  3563. name: CPU
  3564. hours_to_show: 168
  3565. aggregate_func: max
  3566. font_size: 60
  3567. group_by: date
  3568. line_color: "#CF8299"
  3569. line_width: 6
  3570. smoothing: false
  3571. show:
  3572. labels: false
  3573. labels_secondary: false
  3574. icon: true
  3575. name: true
  3576. points: true
  3577. icon_adaptive_color: true
  3578. - type: custom:mini-graph-card
  3579. entities:
  3580. - entity: sensor.lxc_mqtt_107_disk_used_percentage
  3581. name: Disk
  3582. hours_to_show: 24
  3583. icon: mdi:harddisk
  3584. aggregate_func: max
  3585. font_size: 60
  3586. line_color: "#CF8299"
  3587. line_width: 6
  3588. smoothing: false
  3589. show:
  3590. labels: false
  3591. labels_secondary: false
  3592. icon: true
  3593. name: true
  3594. points: true
  3595. icon_adaptive_color: true
  3596. - type: vertical-stack
  3597. cards:
  3598. - type: custom:bubble-card
  3599. card_type: pop-up
  3600. hash: "#ad1"
  3601. backdrop_blur: "0"
  3602. shadow_opacity: "10"
  3603. name: Adguard 1's usage
  3604. icon: mdi:server-network-outline
  3605. bg_opacity: "18"
  3606. bg_blur: "18"
  3607. margin_top_desktop: 40vh
  3608. margin_top_mobile: 40vh
  3609. styles: |
  3610. .bubble-button-background {
  3611. opacity: 0.8;
  3612. background-color: #9a9ca8 !important; /* usage background color */
  3613. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3614. }
  3615. .bubble-button-card-container {
  3616. color: #E6EAEA; /* main name text color, whiteish */
  3617. }
  3618. .bubble-icon-container {
  3619. #background: #E6EAEA;
  3620. color: #9a9ca8; /* main icon color */
  3621. }
  3622. - type: custom:bubble-card
  3623. card_type: empty-column
  3624. name: Main info
  3625. - type: horizontal-stack
  3626. cards:
  3627. - type: custom:mini-graph-card
  3628. entities:
  3629. - entity: sensor.lxc_adguard_106_memory_used_percentage
  3630. color: "#9a9ca8"
  3631. name: RAM
  3632. hours_to_show: 168
  3633. aggregate_func: max
  3634. group_by: date
  3635. font_size: 60
  3636. bar_spacing: 25
  3637. show:
  3638. graph: bar
  3639. name: true
  3640. legend: true
  3641. icon: true
  3642. icon_adaptive_color: true
  3643. - type: custom:mini-graph-card
  3644. entities:
  3645. - entity: sensor.lxc_adguard_106_cpu_used
  3646. color: "#9a9ca8"
  3647. name: CPU
  3648. hours_to_show: 168
  3649. aggregate_func: max
  3650. group_by: date
  3651. font_size: 60
  3652. bar_spacing: 25
  3653. show:
  3654. graph: bar
  3655. name: true
  3656. legend: true
  3657. icon: true
  3658. icon_adaptive_color: true
  3659. - type: custom:mini-graph-card
  3660. entities:
  3661. - entity: sensor.lxc_adguard_106_disk_used_percentage
  3662. name: Disk
  3663. hours_to_show: 24
  3664. aggregate_func: max
  3665. font_size: 60
  3666. line_color: "#9a9ca8"
  3667. line_width: 6
  3668. smoothing: false
  3669. show:
  3670. labels: false
  3671. labels_secondary: false
  3672. icon: true
  3673. name: true
  3674. points: true
  3675. icon_adaptive_color: true
  3676. - type: vertical-stack
  3677. cards:
  3678. - type: custom:bubble-card
  3679. card_type: pop-up
  3680. hash: "#ad2"
  3681. backdrop_blur: "0"
  3682. shadow_opacity: "10"
  3683. name: Adguard 2's usage
  3684. icon: mdi:server-network-outline
  3685. bg_opacity: "18"
  3686. bg_blur: "18"
  3687. margin_top_desktop: 40vh
  3688. margin_top_mobile: 40vh
  3689. styles: |
  3690. .bubble-button-background {
  3691. opacity: 0.8;
  3692. background-color: #d3b3ac !important; /* usage background color */
  3693. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3694. }
  3695. .bubble-button-card-container {
  3696. color: #E6EAEA; /* main name text color, whiteish */
  3697. }
  3698. .bubble-icon-container {
  3699. #background: #E6EAEA;
  3700. color: #d3b3ac; /* main icon color */
  3701. }
  3702. - type: custom:bubble-card
  3703. card_type: empty-column
  3704. name: Main info
  3705. - type: horizontal-stack
  3706. cards:
  3707. - type: custom:mini-graph-card
  3708. entities:
  3709. - entity: sensor.lxc_adguard_100_memory_used_percentage
  3710. color: "#d3b3ac"
  3711. name: RAM
  3712. hours_to_show: 168
  3713. aggregate_func: max
  3714. group_by: date
  3715. font_size: 60
  3716. bar_spacing: 25
  3717. show:
  3718. graph: bar
  3719. name: true
  3720. legend: true
  3721. icon: true
  3722. icon_adaptive_color: true
  3723. - type: custom:mini-graph-card
  3724. entities:
  3725. - entity: sensor.lxc_adguard_100_cpu_used
  3726. color: "#d3b3ac"
  3727. name: CPU
  3728. hours_to_show: 168
  3729. aggregate_func: max
  3730. group_by: date
  3731. font_size: 60
  3732. bar_spacing: 25
  3733. show:
  3734. graph: bar
  3735. name: true
  3736. legend: true
  3737. icon: true
  3738. icon_adaptive_color: true
  3739. - type: custom:mini-graph-card
  3740. entities:
  3741. - entity: sensor.lxc_adguard_100_disk_used_percentage
  3742. name: Disk
  3743. hours_to_show: 24
  3744. aggregate_func: max
  3745. font_size: 60
  3746. line_color: "#d3b3ac"
  3747. line_width: 6
  3748. smoothing: false
  3749. show:
  3750. labels: false
  3751. labels_secondary: false
  3752. icon: true
  3753. name: true
  3754. points: true
  3755. icon_adaptive_color: true
  3756. - type: vertical-stack
  3757. cards:
  3758. - type: custom:bubble-card
  3759. card_type: pop-up
  3760. hash: "#homebridge"
  3761. backdrop_blur: "0"
  3762. shadow_opacity: "10"
  3763. name: Homebridge's usage
  3764. icon: mdi:server-network-outline
  3765. bg_opacity: "18"
  3766. bg_blur: "18"
  3767. margin_top_desktop: 40vh
  3768. margin_top_mobile: 40vh
  3769. styles: |
  3770. .bubble-button-background {
  3771. opacity: 0.8;
  3772. background-color: #dcc2a7 !important; /* usage background color */
  3773. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3774. }
  3775. .bubble-button-card-container {
  3776. color: #E6EAEA; /* main name text color, whiteish */
  3777. }
  3778. .bubble-icon-container {
  3779. #background: #E6EAEA;
  3780. color: #dcc2a7; /* main icon color */
  3781. }
  3782. - type: custom:bubble-card
  3783. card_type: empty-column
  3784. name: Main info
  3785. - type: horizontal-stack
  3786. cards:
  3787. - type: custom:mini-graph-card
  3788. entities:
  3789. - entity: sensor.lxc_homebridge_105_memory_used_percentage
  3790. color: "#dcc2a7"
  3791. name: RAM
  3792. hours_to_show: 168
  3793. aggregate_func: max
  3794. group_by: date
  3795. font_size: 60
  3796. bar_spacing: 25
  3797. show:
  3798. graph: bar
  3799. name: true
  3800. legend: true
  3801. icon: true
  3802. icon_adaptive_color: true
  3803. - type: custom:mini-graph-card
  3804. entities:
  3805. - entity: sensor.lxc_homebridge_105_cpu_used
  3806. name: CPU
  3807. hours_to_show: 168
  3808. aggregate_func: max
  3809. font_size: 60
  3810. group_by: date
  3811. line_color: "#dcc2a7"
  3812. line_width: 6
  3813. smoothing: false
  3814. show:
  3815. labels: false
  3816. labels_secondary: false
  3817. icon: true
  3818. name: true
  3819. points: true
  3820. icon_adaptive_color: true
  3821. - type: custom:mini-graph-card
  3822. entities:
  3823. - entity: sensor.lxc_homebridge_105_disk_used_percentage
  3824. name: Disk
  3825. hours_to_show: 24
  3826. aggregate_func: max
  3827. font_size: 60
  3828. line_color: "#dcc2a7"
  3829. line_width: 6
  3830. smoothing: false
  3831. show:
  3832. labels: false
  3833. labels_secondary: false
  3834. icon: true
  3835. name: true
  3836. points: true
  3837. icon_adaptive_color: true
  3838. - type: vertical-stack
  3839. cards:
  3840. - type: custom:bubble-card
  3841. card_type: pop-up
  3842. hash: "#pbs"
  3843. backdrop_blur: "0"
  3844. shadow_opacity: "10"
  3845. name: PBS's usage
  3846. icon: mdi:server-network-outline
  3847. bg_opacity: "18"
  3848. bg_blur: "18"
  3849. margin_top_desktop: 40vh
  3850. margin_top_mobile: 40vh
  3851. styles: |
  3852. .bubble-button-background {
  3853. opacity: 0.8;
  3854. background-color: #b5c7b2 !important; /* usage background color */
  3855. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3856. }
  3857. .bubble-button-card-container {
  3858. color: #E6EAEA; /* main name text color, whiteish */
  3859. }
  3860. .bubble-icon-container {
  3861. #background: #E6EAEA;
  3862. color: #b5c7b2; /* main icon color */
  3863. }
  3864. - type: custom:bubble-card
  3865. card_type: empty-column
  3866. name: Main info
  3867. - type: horizontal-stack
  3868. cards:
  3869. - type: custom:mini-graph-card
  3870. entities:
  3871. - entity: sensor.qemu_pbs_server_101_memory_used_percentage
  3872. color: "#b5c7b2"
  3873. name: RAM
  3874. hours_to_show: 168
  3875. aggregate_func: max
  3876. group_by: date
  3877. font_size: 60
  3878. bar_spacing: 25
  3879. show:
  3880. graph: bar
  3881. name: true
  3882. legend: true
  3883. icon: true
  3884. icon_adaptive_color: true
  3885. - type: custom:mini-graph-card
  3886. entities:
  3887. - entity: sensor.qemu_pbs_server_101_cpu_used
  3888. name: CPU
  3889. hours_to_show: 168
  3890. aggregate_func: max
  3891. font_size: 60
  3892. group_by: date
  3893. line_color: "#b5c7b2"
  3894. line_width: 6
  3895. smoothing: false
  3896. show:
  3897. labels: false
  3898. labels_secondary: false
  3899. icon: true
  3900. name: true
  3901. points: true
  3902. icon_adaptive_color: true
  3903. - type: custom:mini-graph-card
  3904. entities:
  3905. - entity: sensor.storage_pveorg_pbs_server_disk_used_percentage
  3906. color: "#b5c7b2"
  3907. name: Disk
  3908. hours_to_show: 168
  3909. aggregate_func: max
  3910. group_by: date
  3911. font_size: 60
  3912. bar_spacing: 25
  3913. show:
  3914. graph: bar
  3915. name: true
  3916. legend: true
  3917. icon: true
  3918. icon_adaptive_color: true
  3919. - type: vertical-stack
  3920. cards:
  3921. - type: custom:bubble-card
  3922. card_type: pop-up
  3923. hash: "#tailscale"
  3924. backdrop_blur: "0"
  3925. shadow_opacity: "10"
  3926. name: Tailscale's usage
  3927. icon: mdi:server-network-outline
  3928. bg_opacity: "18"
  3929. bg_blur: "18"
  3930. margin_top_desktop: 40vh
  3931. margin_top_mobile: 40vh
  3932. styles: |
  3933. .bubble-button-background {
  3934. opacity: 0.8;
  3935. background-color: #6BA6BF !important; /* usage background color */
  3936. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  3937. }
  3938. .bubble-button-card-container {
  3939. color: #E6EAEA; /* main name text color, whiteish */
  3940. }
  3941. .bubble-icon-container {
  3942. #background: #E6EAEA;
  3943. color: #6BA6BF; /* main icon color */
  3944. }
  3945. - type: custom:bubble-card
  3946. card_type: empty-column
  3947. name: Main info
  3948. - type: horizontal-stack
  3949. cards:
  3950. - type: custom:mini-graph-card
  3951. entities:
  3952. - entity: sensor.lxc_tailscale_102_memory_used_percentage
  3953. color: "#6BA6BF"
  3954. name: RAM
  3955. hours_to_show: 168
  3956. aggregate_func: max
  3957. group_by: date
  3958. font_size: 60
  3959. bar_spacing: 25
  3960. show:
  3961. graph: bar
  3962. name: true
  3963. legend: true
  3964. icon: true
  3965. labels: false
  3966. icon_adaptive_color: true
  3967. - type: custom:mini-graph-card
  3968. entities:
  3969. - entity: sensor.lxc_tailscale_102_cpu_used
  3970. color: "#6BA6BF"
  3971. name: CPU
  3972. hours_to_show: 168
  3973. aggregate_func: max
  3974. font_size: 60
  3975. group_by: date
  3976. line_width: 6
  3977. smoothing: false
  3978. show:
  3979. points: true
  3980. name: true
  3981. legend: true
  3982. icon: true
  3983. icon_adaptive_color: true
  3984. - type: custom:mini-graph-card
  3985. entities:
  3986. - entity: sensor.lxc_tailscale_102_disk_used_percentage
  3987. color: "#6BA6BF"
  3988. name: Disk
  3989. hours_to_show: 24
  3990. aggregate_func: max
  3991. font_size: 60
  3992. line_width: 6
  3993. smoothing: false
  3994. show:
  3995. points: true
  3996. name: true
  3997. legend: true
  3998. icon: true
  3999. icon_adaptive_color: true
  4000. - type: vertical-stack
  4001. cards:
  4002. - type: custom:bubble-card
  4003. card_type: pop-up
  4004. hash: "#nginx"
  4005. backdrop_blur: "0"
  4006. shadow_opacity: "10"
  4007. name: Nginx's usage
  4008. icon: mdi:server-network-outline
  4009. bg_opacity: "18"
  4010. bg_blur: "18"
  4011. margin_top_desktop: 40vh
  4012. margin_top_mobile: 40vh
  4013. styles: |
  4014. .bubble-button-background {
  4015. opacity: 0.8;
  4016. background-color: #717CAB !important; /* usage background color */
  4017. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  4018. }
  4019. .bubble-button-card-container {
  4020. color: #E6EAEA; /* main name text color, whiteish */
  4021. }
  4022. .bubble-icon-container {
  4023. #background: #E6EAEA;
  4024. color: #717CAB; /* main icon color */
  4025. }
  4026. - type: custom:bubble-card
  4027. card_type: empty-column
  4028. name: Main info
  4029. - type: horizontal-stack
  4030. cards:
  4031. - type: custom:mini-graph-card
  4032. entities:
  4033. - entity: sensor.lxc_nginxproxymanager_102_memory_used_percentage
  4034. color: "#717CAB"
  4035. name: RAM
  4036. hours_to_show: 168
  4037. aggregate_func: max
  4038. group_by: date
  4039. font_size: 60
  4040. bar_spacing: 25
  4041. show:
  4042. graph: bar
  4043. name: true
  4044. legend: true
  4045. icon: true
  4046. labels: false
  4047. icon_adaptive_color: true
  4048. - type: custom:mini-graph-card
  4049. entities:
  4050. - entity: sensor.lxc_nginxproxymanager_102_cpu_used
  4051. color: "#717CAB"
  4052. name: CPU
  4053. hours_to_show: 168
  4054. aggregate_func: max
  4055. font_size: 60
  4056. group_by: date
  4057. line_width: 6
  4058. smoothing: false
  4059. show:
  4060. points: true
  4061. name: true
  4062. legend: true
  4063. icon: true
  4064. icon_adaptive_color: true
  4065. - type: custom:mini-graph-card
  4066. entities:
  4067. - entity: sensor.lxc_nginxproxymanager_102_disk_used_percentage
  4068. color: "#717CAB"
  4069. name: Disk
  4070. hours_to_show: 24
  4071. aggregate_func: max
  4072. font_size: 60
  4073. line_width: 6
  4074. smoothing: false
  4075. show:
  4076. points: true
  4077. name: true
  4078. legend: true
  4079. icon: true
  4080. icon_adaptive_color: true
  4081. - type: vertical-stack
  4082. cards:
  4083. - type: custom:bubble-card
  4084. card_type: pop-up
  4085. hash: "#pi"
  4086. backdrop_blur: "0"
  4087. shadow_opacity: "10"
  4088. name: Pi's usage
  4089. icon: mdi:server-network-outline
  4090. bg_opacity: "18"
  4091. bg_blur: "18"
  4092. margin_top_desktop: 30vh
  4093. margin_top_mobile: 30vh
  4094. styles: |
  4095. .bubble-button-background {
  4096. opacity: 0.8;
  4097. background-color: #7A7691 !important; /* usage background color */
  4098. box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6); /* Example shadow */
  4099. }
  4100. .bubble-button-card-container {
  4101. color: #E6EAEA; /* main name text color, whiteish */
  4102. }
  4103. .bubble-icon-container {
  4104. #background: #E6EAEA;
  4105. color: #7A7691; /* main icon color */
  4106. }
  4107. - type: custom:bubble-card
  4108. card_type: empty-column
  4109. name: Main info
  4110. - type: horizontal-stack
  4111. cards:
  4112. - type: custom:mini-graph-card
  4113. entities:
  4114. - entity: sensor.raspberry_pi_memory_usage
  4115. color: "#7A7691"
  4116. name: RAM
  4117. icon: mdi:memory
  4118. hours_to_show: 168
  4119. aggregate_func: max
  4120. group_by: date
  4121. font_size: 60
  4122. bar_spacing: 25
  4123. show:
  4124. graph: bar
  4125. name: true
  4126. legend: true
  4127. icon: true
  4128. icon_adaptive_color: true
  4129. - type: custom:mini-graph-card
  4130. entities:
  4131. - entity: sensor.raspberry_pi_cpu_usage
  4132. name: CPU
  4133. hours_to_show: 168
  4134. aggregate_func: max
  4135. font_size: 60
  4136. group_by: date
  4137. line_color: "#7A7691"
  4138. line_width: 6
  4139. smoothing: false
  4140. show:
  4141. labels: false
  4142. labels_secondary: false
  4143. icon: true
  4144. name: true
  4145. points: true
  4146. icon_adaptive_color: true
  4147. - type: custom:mini-graph-card
  4148. entities:
  4149. - entity: sensor.raspberry_pi_disk_usage
  4150. name: Disk
  4151. hours_to_show: 24
  4152. icon: mdi:harddisk
  4153. aggregate_func: max
  4154. font_size: 60
  4155. line_color: "#7A7691"
  4156. line_width: 6
  4157. smoothing: false
  4158. show:
  4159. labels: false
  4160. labels_secondary: false
  4161. icon: true
  4162. name: true
  4163. points: true
  4164. icon_adaptive_color: true
  4165. - type: custom:mini-graph-card
  4166. entities:
  4167. - entity: sensor.raspberry_pi_cpu_thermal_1_temperature
  4168. name: Temp
  4169. hours_to_show: 24
  4170. icon: mdi:temperature-fahrenheit
  4171. aggregate_func: max
  4172. font_size: 60
  4173. line_color: "#7A7691"
  4174. line_width: 6
  4175. smoothing: false
  4176. show:
  4177. labels: false
  4178. labels_secondary: false
  4179. icon: true
  4180. name: true
  4181. points: true
  4182. icon_adaptive_color: true
  4183. icon: mdi:server-network-outline
  4184. cards: []
  4185.  
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!