Changing the color of both fork and join states

[philippemerle]

In following example, both a and b states are in blue, but both f and j are still in black:

@startuml
state f <<fork>> #green
state a #blue
state b #blue
state j <<join>> #orange
f --> a
f --> b
a --> j
b --> j
@enduml

Is there a way to change the color of both fork and join states?

[philippemerle]

I tried:

@startuml
skinparam state {
  BackGroundColor<<MyState>> blue
  BackGroundColor<<fork>> green
  BackGroundColor<<join>> orange
}
state f <<fork>>
state a <<MyState>>
state b <<MyState>>
state j <<join>>
f --> a
f --> b
a --> j
b --> j
@enduml

but f and jare still in black.

Do I make a mistake? or is it a missing feature?

[The-Lum]

Hello @philippemerle,

On state diagram, it is not yet manage...

But a possible workaround is to use ActivityBarColor [sic], and you must to choose between green or orange, because it is managed by the same parameter, as:

@startuml
skinparam state {
  BackGroundColor<<MyState>> blue
}
skinparam ActivityBarColor green

state f <<fork>>
state a <<MyState>>
state b <<MyState>>
state j <<join>>
f --> a
f --> b
a --> j
b --> j
@enduml

@arnaudroques: On the style improvement, could you add fork or join as separate parameters 😉...

If that can help,
Regards.

[philippemerle]

Thank you very much: this should resolve my need. I tried

@startuml
skinparam state {
  BackGroundColor<<MyState>> blue
}
skinparam ActivityBarColor<<fork>> green
skinparam ActivityBarColor<<join>> orange

state f <<fork>>
state a <<MyState>>
state b <<MyState>>
state j <<join>>
f --> a
f --> b
a --> j
b --> j
@enduml

and now f is in green and j in orange:

[arnaudroques]

@arnaudroques: On the style improvement, could you add fork or join as separate parameters 😉...

With last release, you can have:

@startuml
<style>
state {
  BackGroundColor: blue;
}
activityBar {
  .fork {
    BackGroundColor: green;
  }
  .join {
    BackGroundColor: orange;
  }
}
</style>
state f <<fork>>
state a <<MyState>>
state b <<MyState>>
state j <<join>>
f --> a
f --> b
a --> j
b --> j
@enduml

The syntax (use of activityBar) is a bit weird. We cannot simply use state because the default color of those bars is
black, which is different from regular state background color.
Any suggestion to improve this syntax is welcome!