Hey, is there a way to make the badge_icon bigger, without the colored circle, and color it? That would suit my dashboard better.
Code
type: custom:mushroom-template-card
primary: Vanessa
secondary: >-
{% if states(config.entity) == 'home' %} Zuhause: {% elif
states(config.entity) == 'not_home' %} Weg: {% else %}
{{states(config.entity) }}: {% endif %} {%- set time =
(as_timestamp(now()) - as_timestamp(states.person.vanessa.last_changed)) |
int %}
{%- set minutes = ((time % 3600) // 60) %}
{%- set minutes = '{}m'.format(minutes) if minutes > 0 else '' %}
{%- set hours = ((time % 86400) // 3600) %}
{%- set hours = '{}h '.format(hours) if hours > 0 else '' %}
{%- set days = (time // 86400) %}
{%- set days = '{}d '.format(days) if days > 0 else '' %}
{{ '<1m' if time < 60 else days + hours + minutes }}
icon: mdi:account
entity: person.vanessa
icon_color: '#F700FF'
badge_icon: |
{% if states(config.entity) == 'home' %}
mdi:home
{% elif states(config.entity) == 'Arbeit Y' %}
mdi:briefcase
{% elif states(config.entity) == "Eltern V" %}
mdi:home-heart
{% elif states(config.entity) == "Eltern Y" %}
mdi:home-heart
{% else %}
mdi:walk
{% endif %}
badge_color: |-
{% if states(config.entity) == 'home' %}
#5ddeb8
{% elif states(config.entity) == 'not_home' %}
#FF2D00
{% elif states(config.entity) == 'Arbeit Y' %}
#87afff
{% elif states(config.entity) == "Eltern Y" %}
#ff99cc
{% elif states(config.entity) == "Eltern V" %}
#d0abff
{% else %}
#5bc779
{% endif %}
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
multiline_secondary: null
card_mod:
style:
mushroom-state-info$: |
.primary {
white-space: normal !important;
}
.: |
mushroom-shape-icon {
position: absolute;
top: -57px;
left: -40px;
}
mushroom-badge-icon {
position: absolute;
top: -27px;
left: 24px;
}
mushroom-state-info {
padding-left: 34px;
z-index: 1;
}
:host {
--mush-icon-size: 2.84em;
--mush-icon-symbol-size: 1em
}
mushroom-shape-icon$: |
.shape {
background: radial-gradient(var(--card-background-color) 100%, transparent);
}
