Icon colors

[tsj-hassio]

I don't know if any one else would need this, but I would like to see a method for setting both on and off icon colors in the entity card. For instance, right now I have two locks and a garage door. If the lock is locked the icon color matches the selected color on the card. If it is unlocked it shows gray. On the other hand, my garage door shows gray if it is closed, and matches the selected color on the card if it is open. I would like to set it so that when a lock is unlocked or the garage door is open (or any of my door sensors for that matter) the icons are one color (say red) and if the locks are locked, or any of the door sensors are closed the icon to be green.

I can think of a number of cases where setting icon color by on/off or open/closed state would be useful.

[ulic75]

Obviously not as friendly as a UI option. But you can do it with templating.

type: custom:mushroom-template-card
primary: Garage
secondary: "{{ states('cover.garage_door') | title }}"
entity: cover.garage_door
icon: >-
  {{ 'mdi:garage-variant' if is_state('cover.garage_door', 'closed') else
  'mdi:garage-open-variant' }}
icon_color: "{{ 'green' if is_state('cover.garage_door', 'closed') else 'red' }}"

[piitaya]

You can also use the entity variable and the iif operator for more compact template.

entity: cover.garage_door
type: custom:mushroom-template-card
primary: Garage
secondary: "{{ states(entity) | title }}"
entity: cover.garage_door
icon: >-
  {{ is_state(entity, 'closed') | iif('mdi:garage-variant', 'mdi:garage-open-variant') }}
icon_color: "{{ is_state(entity, 'closed') | iif('green', 'red') }}"

[Idan37S]

Hi,
Is there a way to use the default icon of an entity in the template card?
I tried {{ state_attr(entity, 'icon') }} but for most entities which use their default icon this value doesn't return the icon

[seraphx2]

That might be because, as far as I can see in Developer Tools, is that most entities themselves don't have an icon attribute.
Icons are probably assigned by HA based on domain. And as far as Mushroom is concerned, if you look at the code, at say a fan card, the fan icon is pulled specifically out of a "library". There is no use of an attribute, which would be much more efficient if it were possible to get the icon from the entity attribute list.

[piitaya]

All the rules about icon are hardcoded by the front end. All these rules are copied from the HA codebase. We can not used it in template because templates are processed server side.

[tsj-hassio]

These are fantastic! They are actually even more useful than what I mentioned - for instance, now my garage is green when closed, red when opened, and blue when in motion! This even worked on chips as well. Thanks for the help!!

[TonyPeperoni]

hello team, congrats on this nice project. I really like it. I read the above and I wonder if something similar is possible for the " mushroom-light-card " and the cover-card . In essence the mushroom icon color in "off state" is grey and I want it to follow the generic home-assistent off-color as I am mixing cards. Is it possible to use some of the code above or is this limited to the template-card?

[piitaya]

You can redefine all the colors if you want : https://github.com/piitaya/lovelace-mushroom-themes 🙂

[TonyPeperoni]

Thanks piitaya, I read thru it and I can see "mush-rgb-state-light: var(--mush-rgb-orange)" probably for the light=on state, but I did not see some reference to the light=off state. Or would that be the "mush-rgb-disabled"?
Best regards, Tony

[piitaya]

Yep, it's mush-rgb-disabled 🙂

[TonyPeperoni]

Thanks that worked piitaya😀