The issue is that I haven’t defined anything for that tap action as you’ve discovered so my card also has that same warning/error.
I’m still in development of my dashboard and my goal is to either disable the tap action or yo navigate you to a dashboard for the room with more cards that give more details etc.
Same here my friend 
My above code works with tap action for me now.
Thanks for sharing, shout out to OP of code too 
Hi all,
is there an option to add spaces in the mushroom cards?
e.g. between “Test” and the Timestamp and the word “Uhr”
type: custom:mushroom-template-card
icon: mdi:lightbulb-auto-outline
entity: input_boolean.auto_kellerlicht_weekend
icon_color: '{{ ''green'' if states(entity) == ''on'' else ''red'' }}'
primary: 'werktags:'
secondary: >-
Test:{{ (as_timestamp(now()) | timestamp_custom("%Y-%m-%d", true)) }} Uhr
tap_action:
action: toggle
this is my fav design so far!
I need some help as i am a css noob
How can i get rid of this line above the % ?
regards
Hi,
try this.
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--border-width: 0px;
}
I translate it:
type: vertical-stack
cards:
- type: custom:mushroom-template-card
primary: Chambres
secondary: |-
{% if states('cover.chambres_covers') == 'closed' %}
Fermés
{% else %}
Ouverts
{% endif %}
icon: |-
{% if states('cover.chambres_covers') == 'closed' %}
mdi:window-shutter
{% else %}
mdi:window-shutter-open
{% endif %}
entity: Volets
icon_color: blue
fill_container: false
tap_action:
action: more-info
hold_action:
action: more-info
double_tap_action:
action: none
multiline_secondary: true
layout: horizontal
card_mod:
style: |
ha-card {
--icon-size: 55px;
--icon-symbol-size: 35px;
}
- type: horizontal-stack
cards:
- type: custom:button-card
icon: mdi:arrow-down-drop-circle
entity: cover.chambres_covers
name: Rolluik kamer down
show_state: false
show_name: false
layout: vertical
styles:
card:
- height: 60px
icon:
- color: grey
tap_action:
action: call-service
service: cover.close_cover
service_data:
entity_id: cover.chambres_covers
- type: custom:button-card
icon: mdi:pause-circle
entity: cover.chambres_covers
name: Rolluik kamer still
show_state: false
show_name: false
layout: vertical
styles:
card:
- height: 60px
icon:
- color: grey
tap_action:
action: call-service
service: cover.stop_cover
service_data:
entity_id: cover.chambres_covers
- type: custom:button-card
icon: mdi:arrow-up-drop-circle
entity: cover.chambres_covers
name: Rolluik kamer up
show_state: false
show_name: false
layout: vertical
styles:
card:
- height: 60px
icon:
- color: grey
tap_action:
entity: cover.chambres_covers
action: call-service
service: cover.open_cover
service_data:
entity_id: cover.chambres_covers
thanks again, works very well. going deeper into the rabbit hole 
I just noticed the chips card alignment options are this:
Chips alignment (
end,center,justify), when empty default behavior isstart
Out of curiosity, why does this not use more standard alignment terms like “left”, “right” instead of “start” and “end”
Something nice is coming up. A complete new design with mushroom. Live cards, music, room cards and so many more.
I will release the codes and the manual as soon as I finish.
(Alternative)
Love this card. Is this a minimalist card or a customized mushroom? It’s got everything you want in an HVAC/Climate card! I despise all the climate cards that I’ve come across
Is this about a space on the same line? If so, go to https://emptycharacter.com and copy and paste it in.
How can I get the thermometer icon next to the temperature readout in this card?
- type: custom:mushroom-template-card
primary: Kids Room
secondary: >
{{
states('sensor.kids_room_temperature')|float|round(0)
- 1 }} {{ state_attr('sensor.kids_room_temperature',
'unit_of_measurement') }}
icon: mdi:teddy-bear
icon_color: purple
card_mod:
style: |
ha-card {
--ha-card-border-width: 0
}
Add an emoji 
Good idea but I’d ideally like to use the mdi icons for visual consistency. Is that possible?
Any ideas how to get a background image on this card? I’m struggling to figure out where to put the css to set the background image since it’s a stacked cards with subcards within it. Everything I’ve tried puts the background image only in a portion of the logical card.
type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Kids Room
secondary: >
{{
states('sensor.kids_room_temperature')|float|round(0)
- 1 }} {{ state_attr('sensor.kids_room_temperature',
'unit_of_measurement') }}
icon: mdi:teddy-bear
icon_color: purple
card_mod:
style: |
ha-card {
--ha-card-border-width: 0
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: light.kids_room_lights
icon: mdi:ceiling-light-multiple
icon_color: |-
{% if states(entity) == 'on' %}
amber
{% else %}
disabled
{% endif %}
tap_action:
action: toggle
card_mod:
style: |
ha-card {
--chip-background:
{% if states('light.kids_room_ceiling_lights') == 'on' %}
rgba(var(--rgb-amber), 0.2);
{% else %}
rgba(var(--rgb-disabled), 0.15);
{% endif %}
}
alignment: end
card_mod:
style: |
ha-card {
margin: 5px 24px 5px 5px;
--chip-box-shadow: none;
--chip-border-radius: 25px;
--chip-height: 42px;
--chip-padding: 10px;
height: 55px
}
Hi,
Tried to implement the ‘mdi:gate’ on the Vroom’ animation, but couldn’t figure out how to apply the IF clause on the animation.
Any advice?
Thanks
type: custom:mushroom-template-card
primary: Garage 1
layout: vertical
entity: switch.garage_1_gate_1
icon: mdi:gate
icon_color: ' {{ ''deep-orange'' if is_state(config.entity, ''on'') else ''blue-grey''}}'
tap_action:
action: toggle
secondary: ' {{ ''Open'' if is_state(config.entity, ''on'') else ''Closed''}}'
card_mod:
style:
mushroom-shape-icon$: |
ha-icon {
--icon-animation: ' {{''vroom 2s ease-in-out infinite;'' if is_state(config.entity, ''on'') else ''''}}'
}
.shape {
clip-path: inset(0 0 0 0);
}
@keyframes vroom {
49% { opacity: 1;}
50% { transform: translate(32px); opacity: 0; }
51% { transform: translate(-32px); opacity: 0; }
52% { opacity: 1; }
}
I notice use of input_boolean.thermostat_dropdown for example. What do these input booleans do? Can you share the definitions?