@startuml <style> root { BackgroundColor paleGreen Padding 0 Margin 0 } title { Padding 5 30 80 5 Margin 40 30 20 10 } caption { Padding 40 6 } document { BackgroundColor #DDD Margin 10 20 30 40 } group { BackgroundColor bisque FontColor White FontSize 32 LineColor Red } component { BackgroundColor cyan LineColor blue RoundCorner 10 FontColor BlueViolet FontStyle italic FontSize 24 } interface { BackgroundColor greenYellow LineColor indigo } arrow { LineColor DeepSkyBlue FontColor MidnightBlue FontSize 10 FontStyle bold } </style> title padding/margin needs example: file "file\n" as package { () " " as acc1 () " " as acc2 } Component c2 acc1 ~RIGHT~ acc2 : "access" acc1 <~RIGHT~ acc2 : "r" acc1 ~RIGHT~> acc2 : "w" acc1 <~RIGHT~> acc2 : "rw" caption What I'd love to be able to do: # ±25px bottom padding to //file// # add ±10px top margin to the diagram # ±5px left&right padding to the document # fix the missing space ""here"" (and on 1.) end caption @enduml
Decode URL
Submit
amiga
aws-orange
black-knight
bluegray
blueprint
cerulean-outline
cerulean
crt-amber
crt-green
cyborg-outline
cyborg
hacker
lightgray
mars
materia-outline
materia
metal
mimeograph
minty
plain
reddress-darkblue
reddress-darkgreen
reddress-darkorange
reddress-darkred
reddress-lightblue
reddress-lightgreen
reddress-lightorange
reddress-lightred
sandstone
silver
sketchy-outline
sketchy
spacelab
spacelab-white
superhero-outline
superhero
toy
united
vibrant
Pure Javascript
PNG
SVG
ASCII Art