Feature request: map_state icon color

[friendodevil]

Please add the capability to change icon color in map_state. This is important when changing state. It will be very useful

Thanks

[steven-hack]

I'm also interested in this issue, because i'm currently experiencing the same problem.

I was wondering if there was a specific design choice for going for <paper-icon-button /> instead of <ha-icon /> when rendering? My only guess would be because of a possible action, but <ha-icon /> also supports an click event.

As <ha-icon /> supports an active state color, and is also automatically supported by theming, I'd say that would be the easiest/most clean solution to this problem? Ofcourse I don't know the history...

[friendodevil]

right, would be great if color can be supported per button like when using Button-Card ( https://github.com/custom-cards/button-card)

[steven-hack]

I've created above PR which makes use of the official ha-icon component. This component already uses different colors for active state. You can also use this in theming to customize to your need, just use the css variable --paper-item-icon-active-color

Depending on the vision of @nervetattoo you might want to try card-mod for extended coloring purposes.

If he wants to add this kind of customization possibilities to the component itself, that would require a bit more work.

[wiuwiu]

I'm also interested in. It will be great to have an icon color depend on its state.

[WhistleMaster]

Any news related to @IIStevowII PR merged to the repository ?

[steven-hack]

The PR is still open, waiting for approval.

[nervetattoo]

I'm considering this. Problem is that I do not want this behavior myself, I prefer either changing icons based on state or simply using toggles. Active state color doesn't always work too well with the banner-card colors at least I choose.

Regarding using paper-icon-button @IIStevowII , I think my intention was to not have proper support for icons and buttons.

[WhistleMaster]

Maybe that could be an option, true or false, to show state color or not ?

[steven-hack]

Maybe that could be an option, true or false, to show state color or not ?

It would certainly be possible to either choose ha-icon or paper-icon-button depending on a certain option.

[friendodevil]

for dashboards its valuable to change icon based on state e.g.: ligh off (grey) light on (yellow)

[WhistleMaster]

Could it be added through #33 ?

[WhistleMaster]

Any news regarding this issue ? Thanks !

[nervetattoo]

Basic support for map_state based control is added and will be in the next version

[github-actions]

🎉 This issue has been resolved in version 1.0.0-beta.1 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀