Use the style on the chips-card, not on the stack-in-card 
also you don’t need to specify the box shadow for each chip.
Paul,
Using the style on just the chips results in what you see with the red line in my images above (one long box shadow that spans the whole length of the card where the chips are). I’ve solved it for now by using the example in my first image. I’ll play around with it some more tonight.
Here’s an example :
type: custom:stack-in-card
mode: vertical
cards:
- type: custom:mushroom-light-card
entity: light.bed_light
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
}
chips:
- type: entity
entity: sensor.outside_temperature
- type: entity
entity: binary_sensor.basement_floor_wet
The same code works for vertical-stack-in-card too. Or you can directly use styles options for vertical-stack-in-card in you don’t have card-mod installed.
5 Likes
Hi, I’m starting to getting issues with this wonderfull sensor you have created.
The error i’m getting is: “UndefinedError: ‘str object’ has no attribute ‘state’”
Do you also get that error ? and do you have a solution ?
i tried this, and if you delete this line, sort(attribute=‘state’, reverse=false) , it seems to work.
Also you have the variable spelt different. low_batt_device, but below it is low_batt_devices. make the same
1 Like
As @benchr already said, remove the sort filter (btw I don’t see a need for it since you only want to count).
I don’t know how your rejected sensors are defined, but if you don’t need a regex search, you could shorten the code if you like:
{{ states.sensor
|selectattr('attributes.device_class', 'eq', 'battery')
|rejectattr('entity_id', 'search', 'voltage|body|ipad|iphone')
|map(attribute='state')
|map('int', -1) |select('le', 50)
|list
|count
}}
1 Like
Hi, I have a question, is it possible to change the colours of the light card? I mean, not to show the actual colour of the light in the icon and bar, just change the colour of the brightness control to a different one I choose. Thanks!!
Use the mushroom theme and change this to another colour
mush-rgb-state-light: var(–mush-rgb-orange)
4 Likes
Hi, is it possible for a custom:mushroom-template-card to make for tap_action properties action: more-info output data of the specified entity?
Something like this:
- type: custom:mushroom-template-card
primary: Main door
secondary: >
...
icon: >
...
icon_color: >
....
tap_action:
action: more-info
entity: binary_sensor.zigbee_main_door_key
Use the entity option like any other card the option is available for the UI editor too.
I got this problem after updating to latest version. I have a 2 column grid with several cards. As you can see, they are very separate apart. Any idea how to fix this?
10 Likes
I think I discovered a bug with the chip template card.
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.master_bedroom_lights_on
content: |
{{ 0 }}
- type: template
entity: sensor.master_bedroom_lights_on
content: |
{{ '0' }}
- type: template
entity: sensor.master_bedroom_lights_on
content: |
{% if 1==1 %}
0
{% else %}
0
{% endif %}
In the content field, you cannot print a 0 when Jinja templating but you can with any other number (take the code above, replace all 0’s with any other number, and the code works).
Any thoughts?
Thanks for the idea, the thing is that I’m actually using a different theme right now (nordic theme), in fact, I wanted to try mushroom themes like a week ago but never tried because don’t want to lose the one I have. Is also possible to do it with my actual theme?
Here is a snapshot of my theme.
Thanks for the great cards and the work on this project. I got my setup up and running finally for my mobile dash board
All the icons work as buttons to toggle the light entities. Here is the code for one of the buttons. This is the family room one:
type: custom:vertical-stack-in-card
mode: vertical
cards:
- type: custom:mushroom-template-card
primary: Family Room
icon: mdi:sofa
icon_color: blue
layout: horizontal
entity: light.groep_woonkamer
secondary: >-
{{ states('sensor.family_room_temperature') }}°F |
{{states('sensor.family_room_humidity') | int }} %
tap_action:
action: navigate
navigation_path: family-room
- type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: switch.famlightplug
layout: vertical
icon: |-
{% if is_state('switch.famlightplug', 'on') %}
mdi:floor-lamp
{% else %}
mdi:floor-lamp-outline
{% endif %}
icon_color: |-
{% if is_state('switch.famlightplug', 'on') %}
yellow
{% endif %}
- type: custom:mushroom-template-card
entity: switch.family_room_lamp
layout: vertical
icon: |-
{% if is_state('switch.family_room_lamp', 'on') %}
mdi:lamp
{% else %}
mdi:lamp-outline
Thanks for everyone on here who posted their code as an inspiration for mine.
11 Likes
How did you manage to center the title that says “Luces”?
Like this:
type: custom:mushroom-title-card
title: Luces
alignment: center
It is a vertical stack, the first card is the one I just shared and the next cards are horizontal stacks with mushroom entities cards.
1 Like
Oh! Perfect thank you!
Put it in quotes and it should be fine.
Look here: