How to change border color of picture-elements / state-badge?

[bugarovic]

I don't understand why all picture-elements / state-badges are red? I want to change the color of border, but it does not work with variable --ha-label-badge-color, because is overwritten with default red color. Is there any possibility to change it? Or is this bug?

Dashboard yaml:

type: picture-elements
image: /local/resources/1NP/background/intensity/100.png
view_layout:
  position: main
elements:
  - type: state-badge
    entity: sensor.qwe001_hvac_papouch_temp_1_h_tank_upper
    style:
      '--ha-label-badge-color': green ##does not work
      left: 80%
      top: 80%
  - type: state-badge
    entity: sensor.qwe001_hvac_papouch_temp_1_h_tank_upper
    style:
      '--label-badge-red': green ##this changes color
      left: 85%
      top: 80%

frontend/src/components/entity/ha-state-label-badge.ts

Lines 279 to 281 in c8930ce

	ha-label-badge {
	--ha-label-badge-color: var(--label-badge-red);
	}

[ildar170975]

Try these vars:

type: picture-elements
elements:
  - type: state-badge
    entity: binary_sensor.service_on_value
    style:
      top: 32%
      left: 40%
      '--label-badge-text-color': magenta
      '--label-badge-blue': cyan
      '--label-badge-background-color': yellow
      '--ha-label-badge-size': 75px
  - type: state-badge
    entity: sensor.xiaomi_cg_1_co2
    style:
      top: 66%
      left: 77%
      color: orange
      '--label-badge-text-color': magenta
      '--label-badge-red': green
      '--label-badge-background-color': yellow
      '--ha-label-badge-label-color': blue
      '--ha-label-badge-size': 75px
      '--ha-label-badge-title-width': 150px
      '--ha-label-badge-title-font-size': 20px
image: https://demo.home-assistant.io/stub_config/floorplan.png

Suggest to use Community for similar questions.
This thread may be useful for you - https://community.home-assistant.io/t/styling-elements-in-picture-elements-card-a-small-tutorial/315252

[bugarovic]

Thank you for the link to the thread. I tried to find something like this, but I haven't. I managed it myself through analyzing the source code, but this: "'--label-badge-red': green" seemed a little bit weird to me.