Wow just seen this. Looks fantastic. Carnt wait to try this
Thanks keep up the great work
My wife just said can you make ours look like this
Waf just went thru the roof
Has anyone had luck using Mushroom Cards with type: custom:auto-entities cards? If so can you share an example?
5 Likes
You have an example here:
2 Likes
Thanks! this an awesome work 
I can not use the slider when covers are completely closed, is it normal? 
This behaviour is different when using the lights cards, is possible to turned them on just sliding the slider to the right.
First of all ā¦ this is genius. Thanks.
I love the conditional chip chard. Show a chip with numbers of devices with low battery ā¦ if there is at least one with low battery. I have this for windows open, for lights on, ā¦ .
The condition chip card works only with an enity? No template condition possible?
mind sharing your code of that chip card?
You are welcome.
Sensors
- platform: template
sensors:
updates_pending:
friendly_name: "Updates Pending"
value_template: "{{ states.update | selectattr('state', 'eq', 'on') | list | count }}"
low_batt_devices:
friendly_name: "Low Battery Devices"
value_template: |-
{% set low_batt_device = states.sensor
| selectattr("entity_id", "search", ".*battery.*")
| rejectattr("entity_id", "search", ".*voltage.*")
| rejectattr("entity_id", "search", "sensor.body*")
| rejectattr("entity_id", "search", ".*ipad*")
| rejectattr("entity_id", "search", ".*iphone*")
| selectattr("state", 'is_number')
| map(attribute='state')
| sort(attribute='state', reverse=false)
| map('int')
| select("lessthan", 50)
| list %}
{{ low_batt_devices | count }}
Chips
type: custom:mushroom-chips-card
chips:
- type: conditional
conditions:
- entity: sensor.low_batt_devices
state_not: '0'
chip:
type: template
content: |2
{% if states.sensor.low_batt_devices | int == 0 %}
keine.
{% elif states.sensor.low_batt_devices | int > 0 %}
{{ states.sensor.low_batt_devices | int }}.
{% endif %}
icon_color: red
icon: mdi:battery-alert-variant-outline
tap_action:
action: navigate
navigation_path: /lovelace-details/batteries
- type: conditional
conditions:
- entity: sensor.updates_pending
state_not: '0'
chip:
type: template
content: |-
{% if states.sensor.updates_pending | int == 0 %}
keins.
{% elif states.sensor.updates_pending | int > 0 %}
{{ states.sensor.updates_pending | int }} updates.
{% endif %}
icon: mdi:cellphone-arrow-down
icon_color: red
tap_action:
action: navigate
navigation_path: /lovelace-details/update
Obviously I would love to template the condition like
type: custom:mushroom-chips-card
chips:
- type: conditional
conditions:
- "{{ states.update | selectattr('state', 'eq', 'on') | list | count }}"
chip:
type: template
...
7 Likes
Are there any plans for a thermostat card soon? Finding one that looks appropriate and functions with a dual set point for low/high has been my current hurdle. Simple Thermostat card could work, but looking for more customization/color than it offers. I like the Minimalist thermostat that changes color based on status.
Also, is there an easy way to change the background color of the mushroom cards (obviously not through the UI, but with either cardmod or yaml)?
Thanks for these awesome cards!
How did you do this? You got the roborock?
Nice, can you share your confg?
Im trying to make a mobile/phone variant of my dashboard, and must say that this Mushroom cards is the āchosen onā!!
Nice work!!
A questionā¦ Is it possible to hide the icon in person-card?
Im using a template sensor to create my location, and the red icon is the one I want to hide.
Sure
type: custom:layout-card
layout_type: grid
cards:
- type: custom:mushroom-template-card
primary: Thermostat
secondary: >-
{{ state_attr("climate.living_room","current_temperature") }} ({{
states("input_number.target_temperature") }})
icon: mdi:home
icon_color: |2-
{% if is_state_attr("climate.living_room", "hvac_action", "heating") %}
red
{% elif is_state_attr("climate.living_room", "hvac_action", "idle") %}
amber
{% else %}
blue
{% endif %}
entity: climate.living_room
layout: horizontal
multiline_secondary: false
tap_action:
action: toggle
- type: custom:mushroom-template-card
icon: mdi:plus
icon_color: red
tap_action:
action: call-service
service: input_number.increment
service_data: {}
target:
entity_id: input_number.target_temperature
layout: vertical
- type: custom:mushroom-template-card
icon: mdi:minus
icon_color: blue
tap_action:
action: call-service
service: input_number.decrement
service_data: {}
target:
entity_id: input_number.target_temperature
layout: vertical
layout:
grid-template-columns: 3fr 1fr 1fr
width: 100%
margin: 0px
padding: 0px
My āplusā and āminusā buttons dont change the temperature directly rather they change an input number with an automation setting the thermostat after a few moments. Ive got a Nest which complains if too many requests are sent to it in a short period of time.
Also if the temperature is changed elsewhere, that input is changed along with it.
Also I didnt fix my margin issue - instead i made all the cards layout cards, even with one card in them.
Can you provide the lovelace code for this?
this is my final version, i can include whole code but it is a combination of layout cards (grid view) horizontal and veertical stacks + chips
I have Xiaomi Styj02ym
I have vacuum attributes, scripts for zone cleaning as buttons with confirmation and some scripts for managing the speed the type of dustbox etc
Can you share the yaml?
1 Like
Hi, first of all these are great cards. I have a question. How can i control the tilt position of my cover? I did not found a option to display it on the cover card. Or is it possible to display multiple entities on a card?
Hello,
I use entity for persons in home because I have some automations for this.
Itās an option to set the background color all the way to the edge? Not only a circle or square.
Thank you.
1 Like
Hi all
Thanks for this awsome set of cards.
I spent so much time in the past making a āclean dashboardā. This makes things much easier and faster.
Just one question though: is there any way to set the icon size?
I am running my dashboard on a 4k screen and they look quite small.
Thanks again for the great work!
here you are - bear in mind you need to have your own scripts and entities - this is lovelace only
type: vertical-stack
cards:
- type: custom:layout-card
layout_type: grid
cards:
- type: custom:text-divider-row
text: Vacuum
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.vacuum_battery
alignment: center
layout:
width: 100%
grid-template-columns: 65% 35%
grid-template-rows: auto
- type: custom:mushroom-vacuum-card
entity: vacuum.kazek
hide_state: false
commands:
- start_pause
- stop
- locate
- clean_spot
- return_home
- type: custom:layout-card
layout_type: grid
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.vacuum_cleanmode
icon: mdi:vacuum
- type: entity
entity: sensor.vacuum_dustbox
icon: mdi:trash-can
- type: entity
entity: sensor.vacuum_fan_speed
- type: entity
entity: sensor.vacuum_mop
icon: mdi:water-alert
- type: entity
entity: sensor.vacuum_watergrade
icon: ''
alignment: center
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
icon: mdi:robot-vacuum
tap_action:
action: call-service
service: automation.trigger
service_data:
entity_id: automation.tryb_pracy
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:fan
tap_action:
action: call-service
service: automation.trigger
service_data:
entity_id: automation.tryb_odkurzania
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:crosshairs-question
tap_action:
action: call-service
service: vacuum.locatr
service_data:
entity_id: vacuum.kazek
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:water
tap_action:
action: call-service
service: automation.trigger
service_data:
entity_id: automation.ilosc_wody_3
secondary_info: none
vertical: true
icon_color: grey
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
entity: switch.useelink_power_strip_l3
icon: mdi:sofa
tap_action:
action: call-service
service: script.vacuum_salon
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ salon?
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
entity: switch.useelink_power_strip_l3
icon: mdi:silverware-fork-knife
tap_action:
action: call-service
service: script.vacuum_kuchnia
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ kuchniÄ?
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:exit-to-app
tap_action:
action: call-service
service: script.vacuum_korytarz
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ korytarz?
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:shower
tap_action:
action: call-service
service: script.vacuum_lazienka
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ ÅazienkÄ?
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:baby-carriage
tap_action:
action: call-service
service: script.vacuum_pokoj_d
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ pokĆ³j Dawida??
secondary_info: none
vertical: true
icon_color: grey
- type: custom:mushroom-template-card
icon: mdi:bed-empty
tap_action:
action: call-service
service: script.vacuum_sypialnia
service_data:
entity_id: vacuum.kazek
confirmation:
text: Mam posprzÄ
taÄ sypialniÄ?
secondary_info: none
vertical: true
icon_color: grey
2 Likes
Anyone else notice a slight delay with the mushroom cards?
I am using the template card and have set the tap_action to navigate to a different lovelace view. When I do this with an ordinary HA card the view switches instantly, but with the mushroom card thereās a slight delay.
Nothing major, but would be nice to have this ironed out
1 Like