#I have read card_mod is css, I am a

1 messages · Page 1 of 1 (latest)

gilded ember
#

@drowsy plaza I made a similar version of the Mushroom Chip template card. In this example, I left in some unused code for reference, particularly for the icon since I set it to use my person entity's picture. ```yaml
type: custom:mushroom-template-card
entity: person.derek
primary: '{{ state_attr(entity, "friendly_name").upper() }}'
secondary: '{{ states(entity).capitalize() }}'
icon: null
picture: '{{ state_attr(entity,''entity_picture'') }}'
card_mod:
style: |
ha-card {
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
--card-primary-font-size: 20px !important;
--primary-text-color: red !important;
--card-secondary-font-size: 10px !important;
--secondary-text-color: gray !important;
}
ha-state-icon {
--icon-color: black !important;
--icon-color-disabled: pink !important;
}
mushroom-shape-icon {
--shape-color: red !important;
--shape-color-disabled: none !important;}
}

image.png
drowsy plaza
#

is it documented anywhere?

#

It doesn't make sense to me what most of those mean 😦 like shape icon vs state icon?

#

I really approciate your help too

gilded ember
#

No real documentation. The syntax can vary between cards. I inspect the card in Firefox and then select an area for closer inspection.

image.png