Skip to content

Instantly share code, notes, and snippets.

@flufftronix
Created April 7, 2022 04:39
Show Gist options
  • Save flufftronix/81c295784b368d310f456b1214e7209c to your computer and use it in GitHub Desktop.
Save flufftronix/81c295784b368d310f456b1214e7209c to your computer and use it in GitHub Desktop.
type: custom:stack-in-card
mode: vertical
cards:
- type: custom:stack-in-card
mode: horizontal
style:
.: |
ha-card {
margin: 0;
background: rgba(0,0,0,0);
backdrop-filter: none;
box-shadow: none;
}
cards:
- type: custom:stack-in-card
mode: vertical
style:
.: |
ha-card {
margin: 10px 0px 10px 10px;
background: rgba(0,0,0,.3);
backdrop-filter: none;
box-shadow: none;
}
cards:
- type: custom:mushroom-entity-card
entity: sensor.speedtest_upload
name: Upload
hide_state: false
double_tap_action:
action: more-info
tap_action:
action: more-info
hold_action:
action: more-info
layout: horizontal
icon: fas:cloud-upload-alt
secondary_info: state
icon_color: green
style:
.: |
ha-card {
--ha-card-background: transparent;
backdrop-filter: none;
box-shadow: none;
margin: 0;
}
- type: custom:mini-graph-card
entities:
- sensor.speedtest_upload
detail: 1
hours_to_show: 24
graph: line
line_color: green
show:
icon: false
name: false
state: false
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
margin: -20px 0 0 0;
}
- type: custom:stack-in-card
mode: vertical
style:
.: |
ha-card {
margin: 10px 10px 10px 0px;
background: rgba(0,0,0,.3);
backdrop-filter: none;
box-shadow: none;
}
cards:
- type: custom:mushroom-entity-card
entity: sensor.speedtest_download
name: Download
hide_state: false
double_tap_action:
action: more-info
tap_action:
action: more-info
hold_action:
action: more-info
layout: horizontal
icon: fas:cloud-download-alt
icon_color: purple
secondary_info: state
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0;
}
- type: custom:mini-graph-card
entities:
- sensor.speedtest_download
detail: 1
hours_to_show: 24
graph: line
line_color: purple
show:
icon: false
name: false
state: false
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
margin: -20px 0 0 0;
}
- type: custom:stack-in-card
mode: horizontal
style:
.: |
ha-card {
margin: -10px 0 0 0;
background: rgba(0,0,0,0);
backdrop-filter: none;
box-shadow: none;
}
cards:
- type: custom:mushroom-entity-card
entity: sensor.pfsense_lan_interface_lan_outbytes_kilobytes_per_second
name: Up
hide_state: false
double_tap_action:
action: more-info
tap_action:
action: more-info
hold_action:
action: more-info
layout: vertical
icon: mdi:upload
icon_color: green
secondary_info: state
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0 0 0 0;
- type: custom:mushroom-entity-card
entity: sensor.pfsense_lan_interface_wan_inbytes_kilobytes_per_second
tap_action:
action: navigate
navigation_path: /lovelace/entryway
double_tap_action:
action: more-info
hold_action:
action: more-info
icon: mdi:download
name: Down
layout: vertical
icon_color: purple
secondary_info: state
primary_info: name
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0;
- type: custom:mushroom-entity-card
entity: sensor.speedtest_ping
tap_action:
action: more-info
double_tap_action:
action: more-info
hold_action:
action: more-info
icon: mdi:table-tennis
name: Ping
layout: vertical
hide_icon: false
secondary_info: state
primary_info: name
icon_color: red
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0;
- type: custom:mushroom-entity-card
entity: sensor.pfsense_lan_dhcp_leases_total
tap_action:
action: more-info
double_tap_action:
action: more-info
hold_action:
action: more-info
name: DHCP
layout: vertical
hide_icon: false
secondary_info: state
icon_color: yellow
primary_info: name
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0;
- type: custom:mushroom-entity-card
entity: sensor.pfsense_lan_gateway_wan_dhcp_status
tap_action:
action: more-info
double_tap_action:
action: more-info
hold_action:
action: more-info
name: WAN
layout: vertical
hide_icon: false
icon_color: blue
secondary_info: state
primary_info: name
style:
.: |
ha-card {
--ha-card-background: transparent;
box-shadow: 0;
backdrop-filter: none;
box-shadow: none;
margin: 0;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment