icon color wrong

[rbhun]

this is not a huge issue, but I created this card for my RGBW lights, mostly to see the effects of some automations:

as you can see I have added state_color: true, but all the icons are red, becuase the total light is red. This was working better when I was using each slider for each entity. This is a fibaro RGBW and it presents 6 lights, one for overall, and one each for r,g,b,w plus one as 'last light'. However, when doing that, I cannot use your attribute:red, because the red channel has no attribute. To get the current affect, I have to add the overall red 5 times, and use attributes to get red green blue white. This way, I get the nice colored slider.

So maybe a workaround is to offer the slider color as a separate function.

[lanceofwhichwedream]

I think I'm also impacted by this.

I'm using auto-entities with slider-entity-row. When I have slider enabled, the icon color is forcefully set to the state color for that light but if I disable slider-entity-row, it obeys my state color option.

Code

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#media-room"
    name: Media Room Lights
    icon: mdi:lightbulb-group
  - type: custom:auto-entities
    card:
      type: entities
      state_color: false
    filter:
      include:
        - area: media_room
          domain: light
          options:
            type: custom:slider-entity-row
            toggle: true
            card_mod:
              style: |
                :host {
                  --paper-item-icon-color: green;
                }
      exclude: []
    sort:
      method: friendly_name
      numeric: false
    card_mod:
      style: |
        :host {
          --state-light-active-color: var(--blue-color);
        }

The extra card mod was from where I thought I had been setting the css wrong to change the icon

Here I disabled entity-row and it obeys my paper-item-icon-color option