PlantUML Web Server

@startuml
<style>
  sequenceDiagram {
    reference {
      LineColor red
      BackGroundColor yellow
      LineThickness 2.0
    }
    referenceHeader {
      LineColor red
      BackGroundColor blue
      FontStyle bold
    }
}
</style>
Dummy -> Alice : foo1
ref over Alice, Bob : this is a reference over Alice and Bob
ref#7700FF over Alice, Other, Bob : this is a reference over Alice and Other

Other --> Alice : ok again
Alice -> Bob : new style
<style>
  sequenceDiagram {
    reference {
      LineColor blue
      BackGroundColor palegreen
      LineThickness 2.0
    }
    referenceHeader {
      LineColor blue
      BackGroundColor green
      FontStyle bold
      FontColor white
    }
}
</style>
ref over Alice, Bob : this is another1 reference over Alice and Bob

Alice <- Bob : another new style
<style>
  sequenceDiagram {
    reference {
      LineColor red
      BackGroundColor pink
      LineThickness 2.0
    }
    referenceHeader {
      LineColor red
      BackGroundColor blue
      FontStyle bold
    }
}
</style>
ref over Alice, Bob : this is another2 reference over Alice and Bob
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art