New update, new problems... state-icon color | Home Assistant | Page 1

calm otter Jan 5, 2026, 3:33 PM

#

Hi all,
I've just updated my HA to latest revision, and, as a good old tradition, some of my dashboard elements are no longer properly colored.
So I have this piece of code, that was working for quite a while in this format:

image: /local/images/background_2000x1900.png
dark_mode_image: /local/images/background_gray_2000x1900.png
elements:
  - type: state-icon
    entity: weather.forecast_home
    tap_action:
      action: more-info
    hold_action:
      action: null
    style:
      left: 20%
      top: 10%
      transform: scale(5,5)
  - type: state-icon
    entity: weather.tomorrow_weather
    tap_action:
      action: more-info
    hold_action:
      action: null
    style:
      "--state-icon-color": orange
      right: 20%
      bottom: 27%
      transform: scale(5,5)```

That put 2 icons on screen, first was default color (blue), and second was orange. Now, since the update, both icons have some default icon colors and I don't know how to change them any more.

I tried looking through recent release's changes, but with no luck. I'm sure it's something quite simple that I'm missing.

Anybody feels particularly in giving mood to quickly tell me what I'm doing wrong? Thanks!

brave heart Jan 5, 2026, 4:05 PM

#

Weird. "--state-icon-color": orange should 100% work. It does on my end. Have you tried clearing cache/reloading the dashboard or App?

#

What color are these Icons right now on your dashboard?

tidal siren Jan 5, 2026, 4:09 PM

#

I think the weather domain got state colors a few months back (3-4 months maybe?).

#

Could be because of that

calm otter Jan 5, 2026, 4:11 PM

#

tidal siren Could be because of that

So they are not allowed to be changed in a simple way any more?

tidal siren Jan 5, 2026, 4:12 PM

#

I don't recall the relative priority of what overrides what.

calm otter Jan 5, 2026, 4:12 PM

#

brave heart Weird. "--state-icon-color": orange should 100% work. It does on my end. Have yo...

Yep, I did clear cache on my android tablet, and they are equal color as on pc - some sort of grayish blue.

calm otter Jan 5, 2026, 4:13 PM

#

tidal siren I don't recall the relative priority of what overrides what.

Thanks anyhow, I'll search some more on weather state colors

tidal siren Jan 5, 2026, 4:14 PM

#

Oh ok. Just uncheck the box that says "Show state color"

#

then it will work

#

Or state_color: false for yaml

#

  - type: state-icon
    style:
      left: 50%
      top: 50%
      "--state-icon-color": orange
    entity: weather.demo_weather_north
    state_color: false

calm otter Jan 5, 2026, 4:16 PM

#

tidal siren ``` - type: state-icon style: left: 50% top: 50% "--stat...

YESSSSS!!! That's it!! Thank you so much!!! 😃

calm otter Jan 5, 2026, 4:23 PM

#

tidal siren Oh ok. Just uncheck the box that says "Show state color"

It's quite obvious now that you've mentioned this, but since the code was all in YAML with remark "Visual editor not supported. The provided value for 'hold_action.action' is not supported by the visual editor." I haven't noticed that GUI was changed to include this option. 😕 Thanks again!

tidal siren Jan 5, 2026, 4:23 PM

#

I'm pretty sure action: null isn't right there. It should maybe be action: none?

#

You should be able to use visual editor if you have the correct yaml

#New update, new problems... state-icon color