{% if states('sensor.tasmota_energy_power_6') | float(0) > 1 %}
red
{% elif is_state('switch.tasmota_6', 'on') %}
green
{% endif %}
You don’t need the grey, because that will be de default color
1 Like
Hello,
I am looking to create a button that would turn on and off several entities at the same time (example: TV, sound bar and decoder).
I have separate buttons that work but I can’t put them together.
type: custom:mushroom-entity-card
entity: switch.multi_socket_powernode_6_plug_6
name: TV
icon: mdi:television
tap_action:
action: toggle
How should I go about it?
Thanks in advance
Ah perfect - thank you so much!
I have updated my rss football page. The code has been shortned and now more logos can be seen at the top if more then 1 team is playing.
I’m trying to create a custom weather chip.
Is there any way to have a regular current weather state picture (not an mdi icon) in a templated chip? Everything I’ve tried in the Icon and Picture fields doesn’t seem to work.
The Icon field is even able to read weather entity, but no picture is displayed. Please advise.
i have multiple conditional chips.
Side note now i use an input_select for home modes.
1 Like
Hi Daniel,
Can you post the code. I would like to also have more that one light in a row. For Woonkamer I would have the code
I’m trying to create a system monitor card that fits with Mushroom. I have below now (mobile). The 3 chips fit on 1 line on my desktop but on my mobile the 3 chips don’t fit and create and extra line. Any idea how I could fix that so the stay on 1 line?
Code:
type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Frigate
icon: mdi:cctv
icon_color: green
secondary: |
{{ states('sensor.192_168_1_36_core_0_temperature') | round(0) }} C
- type: custom:mushroom-chips-card
alignment: center
chips:
- type: template
entity: sensor.192_168_1_36_cpu_used
icon: mdi:cpu-64-bit
content: '{{ states(''sensor.192_168_1_36_cpu_used'') | round(0) }}% '
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
- type: template
entity: sensor.192_168_1_36_ram_used_percent
icon: mdi:memory
content: '{{ states(''sensor.192_168_1_36_ram_used_percent'') | round(0) }}% '
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
- type: template
entity: sensor.192_168_1_36_mnt_sdb_used_percent
icon: mdi:harddisk
content: '{{ states(''sensor.192_168_1_36_mnt_sdb_used_percent'') | round(0) }}% '
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
- type: custom:mini-graph-card
entities:
- entity: sensor.192_168_1_36_cpu_used
name: Frigate
y_axis: secondary
color_thresholds:
- color: '#228B22'
value: 10
- color: '#d35400'
value: 30
- color: '#c0392b'
value: 50
hours_to_show: 24
points_per_hour: 10
line_width: 3
animate: true
show:
name: false
icon: false
state: false
legend: false
fill: fade
height: 30
graph: line
2 Likes
Great job, this is what I try to build to. Can you share your code?
You might go for a group or a script , then use the group or the script to turn on / off with just one click
1 Like
Recently my chips have a border displayed around them and I don’t understand why? Has anyone else witnessed this behaviour? I’ve tried deleting the card and recreating it with no joy. Also, when selecting the card to use, the preview of the chip card also shows the border.
Thanks
Il will try
Hi, work hours by my self so here is the fix with card_mod:
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: none;
--chip-border-width: 0;
}
3 Likes
No joy there I’m afraid…
You need to use mdi:icon_name where icon_name is what you want as an icon e.g.
‘mdi:weather-partly-cloudy’
But this made the the whole circle of the icon larger and it messed up the Calendar animated icon!. What I am after is to have the result of the below (per card) be the theme’s default, making the icon larger with the same circle.
card_mod:
style:
mushroom-shape-icon$: |
ha-icon {
--mdc-icon-size: 32px !important;
I see, add mush-icon-symbol-size: 32px to your theme then.
2 Likes
Just update Mushroom to the latest version 
Yup, this is exactly what is needed. Thanks much appreciated
May I ask you two more favors:
- Have you had a look at this post? especially the sliding gates.
- What is the way to animate the icon’s color from greyscale to color from bottom to top. I tried reading some CSS at W3 but the problem for me apparently that I am not good at targeting the item i.e. if it is the shape or avatar or 'shape-icon etc… especially that they change depending on card’s location some times if it is alone or inside a stack-in-card and so.