puml-themes icon indicating copy to clipboard operation
puml-themes copied to clipboard

Swimlanes styling

Open GauntletPL opened this issue 4 years ago • 4 comments

In the new Activity Diagram syntax, there is a feature of grouping activities under the Swimlanes. Those Swimlanes are not addressed by the themes:

image

GauntletPL avatar Sep 23 '20 17:09 GauntletPL

Sorry for the late reply. I will take a look. Do you happen to have the plantuml file that generated the above image? So I can see exactly what you are talking about.

Thanks Brett

bschwarz avatar Oct 02 '20 19:10 bschwarz

I don't have exactly that .puml any more, but this should be close enough:

@startuml

title Activity Diagram Title

|Mobile App|
start
    :Navigate to selected reward;
    :Claim selected reward;
    |System in the middle|
    :Validate redemption (*);
        |Target system|
        :Issue claimed reward;
stop

@enduml

GauntletPL avatar Oct 03 '20 16:10 GauntletPL

Ok, I added the following:

  • BorderColor $INFO
    
  • BorderThickness 2
    
  • TitleBackgroundColor  $SECONDARY_LIGHT-$SECONDARY
    
  • TitleFontColor $PRIMARY
    

There is a new example diagram for swimlane now, it's the second diagram under each theme.

Let me know if this is what you were looking for or not. Any feedback about the colors too will help.

Cheers, Brett

bschwarz avatar Oct 04 '20 06:10 bschwarz

Thank you Brett for the provided changes. they look pretty neat. One issue that I can see, however, is that with the background colour approach, the background box is sticking out unaesthetically beyond the rightmost vertical line. Maybe it'd be better to drop the background colour altogether and just rely on the appropriate font accentuation.

Below is my, rather poor attempt at illustration of what I mean (just made the font bigger and bold):

image

Either way, I'll be fine with whatever approach you'll decide to go on with ;)

GauntletPL avatar Oct 13 '20 09:10 GauntletPL