Help with state-icon color...this used to work?

Configuration Frontend
1

Hi all,
I kindly request help with something that I’m unable to resolve myself, although it seems simple enough. :confused:

So I have this piece of code on one of my dashboards:

type: picture-elements
image: /local/images/background_2000x1900.png
dark_mode_image: /local/images/background_gray_2000x1900.png
elements:
  - type: state-icon
    entity: weather.tomorrow_weather
    tap_action:
      action: more-info
    hold_action:
      action: null
    style:
      "--paper-item-icon-color": "#FF8300"
      right: 20%
      top: 54%
      transform: scale(6,6)

Which should paint that icon in orange. This used to work, I’m sure of that, but what I’m not sure is when it changed? It was just today that I noticed that icon is always blue/default color?, no matter which color I want it to be.
(I do vaguely remember that some time ago there was something with state color change, but can’t find it now and also I’m not sure if this is even related)

Is there a simple fix to this, something that I’ve missed in release notes or similar, or do I need to switch to card-mod to make it work again? I’m not very regular with HA updates, usually every 3-5 months, so it’s possible I overlooked something.

Thanks!

2

A couple of releases ago the old deprecated paper styles were replaced. the release notes had a table with the newer style names. I can’t remember which version, but it was mentioned somewhere at the end and it could not have been more than a couple of months ago so you should be able to find it quite quickly.

1 Like
3

Thanks, so I’ll go through last few release notes in detail. Appreciate it!

4

Unfortunately I wasn’t able to find mention of this in recent releases, but through official frontend documentation I found this page which has helped to resolve the issue by using --state-icon-color.
Leaving it here for anyone with the similar issue in the future.
(still would be interesting to know when it actually changed and how long I was blind to it)

5

I also found the table I was talking about with old and new style names. It is in the Backward incompatible changes of the 2025.5 release, section Theming and typography. For instance --paper-item-icon-color → --state-icon-color was the last one in the list:

1 Like