Picture-Element card Icon color not working anymore

Configuration
1

Hello everybody.

I created a Picture-Element card with a photo of my Vacuum Cleaner. I added three icon to this card. All the icons do a call-service, start, stop , send home the vacuum cleaner. Everything works properly except the CSS Customization of the Icons.

All the other CSS customizations works except the coloring.

Tried a few type of commands none of them worked.

I used the official manual from Home-Assistant.

image
image718×273 15.6 KB

image: /local/ilife.jpg
type: picture-elements
elements:
  - type: icon
    icon: 'mdi:power'
    style:
      top: 65%
      left: 20%
      '--paper-item-icon-color': pink
      '--iron-icon-height': 60px
      '--iron-icon-width': 60px
    tap_action:
      action: call-service
      service: script.vcleaneron
  - type: icon
    icon: 'mdi:play-circle'
    style:
      top: 65%
      left: 50%
      '--iron-icon-height': 60px
      '--iron-icon-width': 60px
      '--paper-item-icon-color': pink
    tap_action:
      action: call-service
      service: script.vcleanerstart
  - type: icon
    icon: 'mdi:home'
    style:
      top: 65%
      left: 80%
      '--iron-icon-height': 60px
      '--iron-icon-width': 60px
    tap_action:
      action: call-service
      service: script.vcleanerhome

image

Thank you very much,

2

Only works in state-icon type!