Hello,
I have been trying to change the secondary info on the card for a while now. I would like to add the appropriate icon before the values. Is something like this possible? If not, would it be possible to change the text color?
type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
icon: mdi:sofa
icon_color: |-
{% if states('light.esstisch_wohnzimmer') == 'on' or
states('switch.wohnzimmer_licht_sofa_up') == 'on' or
states('media_player.fernseher_wohnzimmer') == 'on' or
states('light.led_stehlampe_wohnz') == 'on' %}
light-blue
{% else %}
light-grey
{% endif %}
primary: Wohnzimmer
secondary: >-
{{
states('sensor.xiaomi_temperatur_feuchtigkeit_wohnzimmer_temperature')}}°C
{{
states('sensor.xiaomi_temperatur_feuchtigkeit_wohnzimmer_humidity')}}%
layout: horizontal
fill_container: false
multiline_secondary: false
entity: light.esstisch_wohnzimmer
tap_action:
action: navigate
navigation_path: badezimmer
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -55px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -35px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
}
ha-card {
background: none;
}
style: |
mushroom-badge-icon {
left: 110px;
top: 3px;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: switch.wohnzimmer_licht_sofa_up
tap_action:
action: toggle
icon: mdi:lightbulb
hold_action:
action: more-info
icon_color: |-
{% if is_state(entity, 'on') %}
amber
{% else %}
light-grey
{% endif %}
double_tap_action:
action: none
- type: template
entity: light.esstisch_wohnzimmer
icon: mdi:lightbulb-group
icon_color: |-
{% if is_state(entity, 'on') %}
amber
{% else %}
light-grey
{% endif %}
tap_action:
action: toggle
hold_action:
action: more-info
- type: template
entity: light.led_stehlampe_wohnz
icon: mdi:floor-lamp
icon_color: |-
{% if is_state(entity, 'on') %}
amber
{% else %}
light-grey
{% endif %}
tap_action:
action: toggle
hold_action:
action: more-info
- type: template
entity: media_player.fernseher_wohnzimmer
icon: mdi:television
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
light-grey
{% endif %}
tap_action:
action: more-info
card_mod:
style:
.: |
ha-card {
width: 66px;
margin-left: 80%;
top: -162px;
background: none;
--chip-border-width: 0;
}
card_mod:
style: |
ha-card {
height: 178px;
margin-left: auto;
margin-right: auto;
}
grid_options:
columns: 6
rows: auto