Sorry but that didnāt work either.
Posting my whole card yaml for reference.
It works when i post your code in a single card, but not when i add it to my code.
square: false
columns: 2
type: grid
cards:
- type: custom:mushroom-entity-card
entity: sensor.verisure_rv_stua_temp
icon: mdi:television
icon_color: blue
name: Stua
tap_action:
action: false
hold_action:
action: navigate
navigation_path: /lovelace-panel/stua
- type: custom:mushroom-entity-card
entity: sensor.aqara_multisensor_kjokkenet_temp
icon: mdi:silverware-fork-knife
icon_color: purple
name: KjĆøkkenet
tap_action:
action: false
hold_action:
action: navigate
navigation_path: /lovelace-panel/kjokken
- type: custom:mushroom-chips-card
chips:
- type: template
icon: |-
{% if is_state(config.entity, 'on') %}
mdi:radiator
{% else %}
mdi:radiator-off
{% endif %}
entity: switch.hue_kontakt_stua_1
icon_color: |-
{% if is_state(config.entity, 'on') %}
red
{% else %}
blue
{% endif %}
tap_action:
action: more-info
- type: light
entity: light.stua_uten_stuebordlys_dz
icon: mdi:lamp-outline
content_info: none
tap_action:
action: toggle
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:mushroom
icon_color: red
entity: binary_sensor.aqara_motion_stua_motion_1
card_mod:
style:
mushroom-template-chip:nth-child(2)$: |
ha-icon {
animation: wink 4s ease-in-out infinite;
}
@keyframes wink {
0%, 100% { transform: scale(1, 1); }
19% { transform: scale(1.05, 0.6); }
20% { clip-path: polygon(0 100%, 100% 100%, 100% 49%, 86% 51%, 79% 59%, 70% 66%, 57% 71%, 43% 71%, 29% 65%, 21% 57%, 13% 49%, 0 49%); }
25% { transform: scale(1, 1); }
28% { transform: scale(0.95, 1.05); }
30% { clip-path: inset(0 0 0 0); }
}
- type: custom:mushroom-chips-card
chips:
- type: template
icon: |-
{% if is_state(config.entity, 'heat') %}
mdi:radiator
{% else %}
mdi:radiator-off
{% endif %}
entity: climate.mill_ovn_kjokkenet
icon_color: |-
{% if is_state(config.entity, 'heat') %}
red
{% else %}
blue
{% endif %}
tap_action:
action: more-info
- type: light
entity: light.taklyset_pa_kjokken
icon: mdi:ceiling-light-outline
content_info: none
tap_action:
action: toggle
- type: light
entity: light.kjokkenbenken
content_info: none
icon: hue:lightstrip
tap_action:
action: toggle
- type: template
entity: switch.aqara_kontakt_kjokkenet_1
content_info: none
icon: |-
{% if is_state(config.entity, 'on') %}
hue:plug
{% else %}
hue:plug
{% endif %}
icon_color: |-
{% if is_state(config.entity, 'on') %}
green
{% else %}
grey
{% endif %}
tap_action:
action: toggle
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
margin-top: -10px;