It is set up with the state-switch card for the main page cards (#Navigation) and browser mod. I created scripts, that will close the popup and navigate to the hash page
1 Like
Hi there, first of all, a big thanks for these awesome cards!
I’m trying to display my Hue grouped light in home assistant. This group is composed of several hue lights. Unfortunately, when i disable power (via a real power switch) to all the hue bulbs, its still showing the light group (created in Hue app) as enabled:
As a workaround, my idea was to traverse through the individual lights from the group and to check if they are really enabled. I can get the individual light names (friendly names), but i don’t know how to access their state. Do you have a tip how to do that?
- type: custom:button-card
entity: light.hue_wohnzimmerdecke
show_state: false
show_name: true
name: |
[[[
return `${variables.at_least_one_light_enabled}`;
]]]
variables:
at_least_one_light_enabled: >
[[[
if (!entity) return "Unavailable";
if (!entity.attributes.is_hue_group) {
return "No hue group";
}
for (let i = 0; i < entity.attributes.lights.length; i++) {
let mylightname = entity.attributes.lights[i];
return mylightname;
}
return "no sub-lights";
]]]
hello @rhysb , you are great! But I want to do something even more complicated. I explain to you:
- I have these 3 switches that I use to open and close the gate of my house. Well, I would like the click to activate the animation (door animation for example).
Otherwise, I also thought that with the click the ‘plain spinner’ animation would start and after 4/5s an always animated check icon would come out.
I know, my mind travels too much, but I know you can do it 
Thank you
2 Likes
Hey all, in some rooms i have smart switch/relay behind the mechanical switch and smart bulbs. How can I combine them in one light card? To on/oof the lights through the switch and regulate brightness and temperature trough the bulbs?
i got a humidty sensor, is there a way to show a conditional chip only if the sensor is above 60%?
Hi there,
does anyone know, how to change the font-size from an custom:mushroom-entity-card?
None of this does not work:
card_mod:
style: |
ha-card
{
--font-size: 21px;
background: transparent;
box-shadow: 0px 0px;
--title-font-size: 96px;
}
Hello all!
It is a superb thema and i have started to experiment with this!
Is any easy way to change the colours of the cards? More specific the text and the bars or icon colours.
I saw that is customisable but i thought that this can be done through GUI.
Thank you very much for your help.
Is there somewhere that shows all of the options for the mushroom cards yaml config? For example, the chips card doesn’t really say much in the github documentation beyond the types of chips possible but what are the specific configurations available for those chips?
Code for Header? thx, or how u make header bottom.
1 Like
Nice! Exactly what i’m looking for for my Sonos setup. Could you share the code?
Can’t find what is going wrong
square: false
columns: 3
type: grid
cards:
- type: custom:stack-in-card
cards:- type: custom:apexcharts-card
chart_type: radialBar
series:- entity: sensor.proza1_gor1_nas_cpu_utilization_total
color: rgb(76, 175, 80)
max: 100
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
offsetY: 0
startAngle: -108
endAngle: 108
hollow:
size: 65%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 80%
margin: 0
legend:
show: false
chart:
height: 170px
- entity: sensor.proza1_gor1_nas_cpu_utilization_total
- type: custom:mushroom-entity-card
entity: sensor.proza1_gor1_nas_cpu_utilization_total
primary_info: name
secondary_info: state
name: Core
icon_color: green
layout: vertical
card_mod:
style: |
ha-card {
top: -63px;
}
card_mod:
style: |
ha-card {
height: 158px;
}
- type: custom:apexcharts-card
- type: custom:stack-in-card
cards:- type: custom:apexcharts-card
chart_type: radialBar
series:- entity: sensor.proza1_gor1_nas_cpu_utilization_total
color: rgb(33, 150, 243)
max: 100
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
offsetY: 0
startAngle: -108
endAngle: 108
hollow:
size: 65%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 80%
margin: 0
legend:
show: false
chart:
height: 170px
- entity: sensor.proza1_gor1_nas_cpu_utilization_total
- type: custom:mushroom-entity-card
entity: sensor.proza1_gor1_nas_cpu_utilization_total
primary_info: name
secondary_info: state
name: Memory
icon_color: blue
layout: vertical
card_mod:
style: |
ha-card {
top: -63px;
}
card_mod:
style: |
ha-card {
height: 158px;
}
- type: custom:apexcharts-card
- type: custom:stack-in-card
cards:- type: custom:apexcharts-card
chart_type: radialBar
series:- entity: sensor.proza1_gor1_nas_cpu_utilization_total
color: rgb(233, 30, 99)
max: 100
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
offsetY: 0
startAngle: -108
endAngle: 108
hollow:
size: 65%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 80%
margin: 0
legend:
show: false
chart:
height: 170px
- entity: sensor.proza1_gor1_nas_cpu_utilization_total
- type: custom:mushroom-entity-card
entity: sensor.proza1_gor1_nas_cpu_utilization_total
primary_info: name
secondary_info: state
name: Disk
icon_color: pink
layout: vertical
card_mod:
style: |
ha-card {
top: -63px;
}
card_mod:
style: |
ha-card {
height: 158px;
}
- type: custom:apexcharts-card
what are those dropdown button/card things (house/lights/…)?
they are shortcuts to other menus, rather than having them on the top bar.
I have stopped using the Hue Group, and created a HA light group. This indicates (with a 10s delay) properly the state of the grouped lights.
yes, but is that a card/chip? what is it.
Hello Steffen. I have tried adding the template contents containing the trigger statements to the bottom of the card code, inside configuration.yaml, and sensors.yaml. Nothing has worked. Would a template.yaml be what I need? Thank you for assistance.
Works, thank you!
1 Like
Hi,
template is a intergration and could not be in the bottom of a card. So you need add the template part in configuration or with a inlude statemant in a separat template.yaml file. Please look here: