Change color of arrows inside Replace Menu

[Pusteblume]

Hi there,

I would like to change the color of the arrows inside my Custom Replace Menu from this:

to this:

I rename and color the flows like this:

export function getEntries(element, modeling) {
  return {
    'entry-0': {
      className: 'bpmn-icon-connection',
      label: 'black flow',
      action: () => {
        modeling.setColor(element, {stroke: 'black'});
      }
    },
    'entry-1': {
      className: 'bpmn-icon-connection',
      label: 'blue flow',
      action: () => {
        modeling.setColor(element, {stroke: 'blue'});
      }
    },
    'entry-2': {
      className: 'bpmn-icon-connection',
      label: 'orange flow',
      action: () => {
        modeling.setColor(element, {stroke: 'orange'});
      }
    },
    'entry-3': {
      className: 'bpmn-icon-connection',
      label: ' red flow',
      action: () => {
        modeling.setColor(element, {stroke: 'red'});
      }
    },
    'entry-4': {
      className: 'bpmn-icon-connection',
      label: 'purple flow',
      labelColor: 'blue',
      action: () => {
        modeling.setColor(element, {stroke: 'purple'});
      }
    }
  };
}

Any idea how to do this?

Thanks in advance!

[philippfromme]

You could combine

@Pusteblume

className: 'bpmn-icon-connection bpmn-icon-connection-blue',

with a custom CSS rule

.bpmn-icon-connection-blue {
  color: 'blue';
}