State-icon basic color

Configuration
1

I’m playing around with my floorplan, and this thing bothers me…

For some reason it seems I can’t change the state-icons color. (the black cloud, and the four other white icons in this example)

So it doesn’t even need to change depending on the state, I just want the color of those icons to be not black or white…

Probleem

I did try a lot of things in my “raw editor”, but none of them seems to work. This is what I have at this moment

      - entity: sensor.dark_sky_summary
        style:
          left: 27.5%
          top: 91%
          icon_color: green
          transform: 'scale(2.25,2.25)'

Also tried other things like: color, hs_color, rgb_color,…

I’ve seen things about “custom UI”, but I rather wouldn’t use that if possible.

2 
      - entity: sensor.dark_sky_summary
        style:
          left: 27.5%
          top: 91%
          "--paper-item-icon-color": green
          transform: 'scale(2.25,2.25)'
2 Likes
3

Thank you, but that one I did try and it also didn’t work.

4

Double check your configuration. It’s the way the style is documented: https://www.home-assistant.io/lovelace/picture-elements/#how-to-use-the-style-object

elements:
  - type: state-icon
    entity: sensor.dark_sky_summary
    style:
      left: 27.5%
      top: 91%
      transform: 'scale(2.25,2.25)'
      "--paper-item-icon-color": green
1 Like
5

I was always trying with that one sensor (sensor.dark_sky_summary) and that won’t work. For some reason I have never checked the small icons from the 4 other sensors.

The four small icons (sensor.dark_sky_humidity, dark_sky_pressure, etc… ) indeed does change with your solution. Thank you.

Just that one still won’t change. Maybe cause that’s not a static icon, but change with the weather? I’m not sure…

Edit: I thought I could fix this byu using another entity (weather.huis), but that is just a static icon, won’t change with the weather. Still looking for a solution to get that one sensor in another color as black.

6

Did you ever work out an answer here? I am trying to do exactly the same but with zero luck so far!