diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 8b147bf9f..7c320856b 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -332,6 +332,8 @@ func (l ContainerLevel) LabelSize() int {
 func (obj *Object) GetFill(theme *d2themes.Theme) string {
 	if obj.Parent.IsSequenceDiagram() {
 		return theme.Colors.B5
+	} else if obj.IsSequenceDiagramNote() {
+		return theme.Colors.Neutrals.N7
 	}
 
 	level := int(obj.Level())
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
index 6f276addd..04f77737e 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json
@@ -322,7 +322,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -399,7 +399,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
index 3ea0fe3ff..379a88b2a 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg
@@ -14,7 +14,7 @@ width="1069" height="2311" viewBox="-100 -50 1069 2311"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><rect x="0" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="ggg"><g class="shape" ><rect x="25" y="439" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="41.000000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape" ><rect x="245" y="569" width="320" height="730" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="273.500000" y="585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape" ><rect x="245" y="1349" width="453" height="466" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="275.000000" y="1365.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape" ><rect x="601" y="1865" width="268" height="206" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="621.000000" y="1881.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape" ><rect x="245" y="829" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="286.000000" y="845.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="c.what would arnold say"><g class="shape" ><rect x="382" y="1519" width="266" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="1585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><rect x="651" y="1905" width="168" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="1971.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><g id="b.t1"><g class="shape" ><rect x="289" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="509" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="285" y="1113" width="20" height="80" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 77.000000 479.000000 L 291.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="485.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 609.000000 L 511.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 739.000000 L 299.000000 739.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.000000" y="745.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[1]"><path d="M 513.000000 869.000000 L 299.000000 869.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="875.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 303.000000 999.000000 L 505.000000 999.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 307.000000 1129.000000 L 505.000000 1129.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 507.000000 1259.000000 L 305.000000 1259.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[1]"><path d="M 297.000000 1389.000000 L 511.000000 1389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[2]"><path d="M 513.000000 1775.000000 L 299.000000 1775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1781.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1069" height="2311">
+</style><g id="a"><g class="shape" ><rect x="0" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="ggg"><g class="shape" ><rect x="25" y="439" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="41.000000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape" ><rect x="245" y="569" width="320" height="730" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="273.500000" y="585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape" ><rect x="245" y="1349" width="453" height="466" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="275.000000" y="1365.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape" ><rect x="601" y="1865" width="268" height="206" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="621.000000" y="1881.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape" ><rect x="245" y="829" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="286.000000" y="845.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="c.what would arnold say"><g class="shape" ><rect x="382" y="1519" width="266" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="1585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><rect x="651" y="1905" width="168" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="1971.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><g id="b.t1"><g class="shape" ><rect x="289" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="509" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="285" y="1113" width="20" height="80" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 77.000000 479.000000 L 291.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="485.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 609.000000 L 511.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 739.000000 L 299.000000 739.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.000000" y="745.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[1]"><path d="M 513.000000 869.000000 L 299.000000 869.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="875.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 303.000000 999.000000 L 505.000000 999.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 307.000000 1129.000000 L 505.000000 1129.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 507.000000 1259.000000 L 305.000000 1259.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[1]"><path d="M 297.000000 1389.000000 L 511.000000 1389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[2]"><path d="M 513.000000 1775.000000 L 299.000000 1775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1781.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1069" height="2311">
 <rect x="0" y="0" width="1069" height="2311" fill="white"></rect>
 <rect x="172.000000" y="469.000000" width="26" height="21" fill="black"></rect>
 <rect x="397.000000" y="729.000000" width="16" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
index 6f276addd..04f77737e 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json
@@ -322,7 +322,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -399,7 +399,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
index 3ea0fe3ff..379a88b2a 100644
--- a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg
@@ -14,7 +14,7 @@ width="1069" height="2311" viewBox="-100 -50 1069 2311"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><rect x="0" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="ggg"><g class="shape" ><rect x="25" y="439" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="41.000000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape" ><rect x="245" y="569" width="320" height="730" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="273.500000" y="585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape" ><rect x="245" y="1349" width="453" height="466" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="275.000000" y="1365.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape" ><rect x="601" y="1865" width="268" height="206" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="621.000000" y="1881.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape" ><rect x="245" y="829" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="286.000000" y="845.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="c.what would arnold say"><g class="shape" ><rect x="382" y="1519" width="266" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="1585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><rect x="651" y="1905" width="168" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="1971.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><g id="b.t1"><g class="shape" ><rect x="289" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="509" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="285" y="1113" width="20" height="80" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 77.000000 479.000000 L 291.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="485.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 609.000000 L 511.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 739.000000 L 299.000000 739.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.000000" y="745.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[1]"><path d="M 513.000000 869.000000 L 299.000000 869.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="875.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 303.000000 999.000000 L 505.000000 999.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 307.000000 1129.000000 L 505.000000 1129.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 507.000000 1259.000000 L 305.000000 1259.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[1]"><path d="M 297.000000 1389.000000 L 511.000000 1389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[2]"><path d="M 513.000000 1775.000000 L 299.000000 1775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1781.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1069" height="2311">
+</style><g id="a"><g class="shape" ><rect x="0" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="ggg"><g class="shape" ><rect x="25" y="439" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="41.000000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ggg</text></g><g id="group 1"><g class="shape" ><rect x="245" y="569" width="320" height="730" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="273.500000" y="585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group 1</text></g><g id="group b"><g class="shape" ><rect x="245" y="1349" width="453" height="466" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="275.000000" y="1365.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">group b</text></g><g id="choo"><g class="shape" ><rect x="601" y="1865" width="268" height="206" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="621.000000" y="1881.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">choo</text></g><g id="group 1.nested guy"><g class="shape" ><rect x="245" y="829" width="320" height="80" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="286.000000" y="845.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">nested guy</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 2160.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="c.what would arnold say"><g class="shape" ><rect x="382" y="1519" width="266" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="1585.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what would arnold say</text></g><g id="d.this note"><g class="shape" ><rect x="651" y="1905" width="168" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="1971.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this note</text></g><g id="b.t1"><g class="shape" ><rect x="289" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="c.t1"><g class="shape" ><rect x="509" y="983" width="12" height="292" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="b.t1.t2"><g class="shape" ><rect x="285" y="1113" width="20" height="80" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 77.000000 479.000000 L 291.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="485.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">lala</text></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 609.000000 L 511.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 739.000000 L 299.000000 739.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.000000" y="745.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">ey</text></g><g id="(c -&gt; b)[1]"><path d="M 513.000000 869.000000 L 299.000000 869.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="875.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="(b.t1 -&gt; c.t1)[0]"><path d="M 303.000000 999.000000 L 505.000000 999.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b.t1.t2 -&gt; c.t1)[0]"><path d="M 307.000000 1129.000000 L 505.000000 1129.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c.t1 -&gt; b.t1)[0]"><path d="M 507.000000 1259.000000 L 305.000000 1259.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[1]"><path d="M 297.000000 1389.000000 L 511.000000 1389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[2]"><path d="M 513.000000 1775.000000 L 299.000000 1775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1781.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1069" height="2311">
 <rect x="0" y="0" width="1069" height="2311" fill="white"></rect>
 <rect x="172.000000" y="469.000000" width="26" height="21" fill="black"></rect>
 <rect x="397.000000" y="729.000000" width="16" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json
index e5fb3ef6f..367835c2f 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json
@@ -170,7 +170,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -209,7 +209,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -248,7 +248,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -287,7 +287,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg
index 6fdac19db..0db91b14f 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg
@@ -14,7 +14,7 @@ width="1255" height="1929" viewBox="-150 -50 1255 1929"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="98" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="294.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="294.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="464" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="734.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 991.000000 L 511.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1393.000000 L 299.000000 1393.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1255" height="1929">
+</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="98" y="1121" width="393" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="294.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="294.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="464" y="1523" width="541" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="734.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 991.000000 L 511.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1393.000000 L 299.000000 1393.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1255" height="1929">
 <rect x="0" y="0" width="1255" height="1929" fill="white"></rect>
 <rect x="389.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json
index e5fb3ef6f..367835c2f 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json
@@ -170,7 +170,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -209,7 +209,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -248,7 +248,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
@@ -287,7 +287,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#EDF0FD",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg
index 6fdac19db..0db91b14f 100644
--- a/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg
@@ -14,7 +14,7 @@ width="1255" height="1929" viewBox="-150 -50 1255 1929"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="98" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="294.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="294.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="464" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="734.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 991.000000 L 511.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1393.000000 L 299.000000 1393.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1255" height="1929">
+</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="515.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="52" width="150" height="167" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="735.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 221.000000 L 295.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 221.000000 L 515.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 221.000000 L 735.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="98" y="1121" width="393" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="294.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="294.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="464" y="1523" width="541" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="734.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 291.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 991.000000 L 511.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1393.000000 L 299.000000 1393.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1255" height="1929">
 <rect x="0" y="0" width="1255" height="1929" fill="white"></rect>
 <rect x="389.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
index 58c1025de..b2169827a 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json
@@ -326,7 +326,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#F7F8FE",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
index 1bfd44206..1e6312585 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg
@@ -14,7 +14,7 @@ width="2393" height="2511" viewBox="-100 -100 2393 2511"><style type="text/css">
 }
 
 ]]>
-</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="1096.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="0" y="86" width="150" height="149" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="163.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="220" y="105" width="150" height="130" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="173.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="440" y="109" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="692" y="109" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="774.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="927" y="109" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1017.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1177" y="109" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1265.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1423" y="109" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1516.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1679" y="109" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1796.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1984" y="109" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2088.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 75.000000 237.000000 L 75.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 295.000000 237.000000 L 295.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 531.000000 237.000000 L 531.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 774.500000 237.000000 L 774.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1017.000000 237.000000 L 1017.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1265.000000 237.000000 L 1265.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1516.000000 237.000000 L 1516.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1796.500000 237.000000 L 1796.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2088.500000 237.000000 L 2088.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="755" width="318" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="821.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="764" y="1125" width="20" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1007" y="1905" width="20" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 365.000000 L 291.000000 365.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.500000" y="371.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 293.000000 495.000000 L 79.000000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="501.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 77.000000 625.000000 L 527.000000 625.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.000000" y="631.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 529.000000 1011.000000 L 79.000000 1011.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.500000" y="1017.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 77.000000 1141.000000 L 760.500000 1141.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="420.000000" y="1147.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 786.500000 1271.000000 L 1792.500000 1271.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1290.500000" y="1277.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 786.500000 1401.000000 L 2084.500000 1401.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1436.500000" y="1407.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 788.500000 1531.000000 L 1794.500000 1531.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1291.000000" y="1537.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 772.500000 1661.000000 L 79.000000 1661.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="424.500000" y="1667.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 77.000000 1791.000000 L 1013.000000 1791.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="546.000000" y="1797.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1029.000000 1921.000000 L 1261.000000 1921.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1146.000000" y="1927.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1029.000000 2051.000000 L 1512.000000 2051.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1272.000000" y="2057.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1005.000000 2181.000000 L 79.000000 2181.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="541.000000" y="2187.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2511">
+</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="1096.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="0" y="86" width="150" height="149" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="163.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="220" y="105" width="150" height="130" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="173.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="440" y="109" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="692" y="109" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="774.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="927" y="109" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1017.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1177" y="109" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1265.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1423" y="109" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1516.000000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1679" y="109" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1796.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1984" y="109" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2088.500000" y="175.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 75.000000 237.000000 L 75.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 295.000000 237.000000 L 295.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 531.000000 237.000000 L 531.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 774.500000 237.000000 L 774.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1017.000000 237.000000 L 1017.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1265.000000 237.000000 L 1265.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1516.000000 237.000000 L 1516.000000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1796.500000 237.000000 L 1796.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2088.500000 237.000000 L 2088.500000 2310.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="755" width="318" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="821.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="764" y="1125" width="20" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1007" y="1905" width="20" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 365.000000 L 291.000000 365.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.500000" y="371.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 293.000000 495.000000 L 79.000000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="185.000000" y="501.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 77.000000 625.000000 L 527.000000 625.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.000000" y="631.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 529.000000 1011.000000 L 79.000000 1011.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="303.500000" y="1017.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 77.000000 1141.000000 L 760.500000 1141.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="420.000000" y="1147.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 786.500000 1271.000000 L 1792.500000 1271.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1290.500000" y="1277.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 786.500000 1401.000000 L 2084.500000 1401.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1436.500000" y="1407.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 788.500000 1531.000000 L 1794.500000 1531.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1291.000000" y="1537.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 772.500000 1661.000000 L 79.000000 1661.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="424.500000" y="1667.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 77.000000 1791.000000 L 1013.000000 1791.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="546.000000" y="1797.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1029.000000 1921.000000 L 1261.000000 1921.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1146.000000" y="1927.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1029.000000 2051.000000 L 1512.000000 2051.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1272.000000" y="2057.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1005.000000 2181.000000 L 79.000000 2181.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="541.000000" y="2187.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2511">
 <rect x="0" y="0" width="2393" height="2511" fill="white"></rect>
 <rect x="102.000000" y="355.000000" width="167" height="21" fill="black"></rect>
 <rect x="138.000000" y="485.000000" width="94" height="21" fill="black"></rect>
diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
index 9a0910d5a..12c45e559 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json
@@ -326,7 +326,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "borderRadius": 0,
-      "fill": "#F7F8FE",
+      "fill": "#FFFFFF",
       "stroke": "#0D32B2",
       "shadow": false,
       "3d": false,
diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
index bb3e1137d..ea8ac8ffc 100644
--- a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg
@@ -14,7 +14,7 @@ width="2393" height="2511" viewBox="-88 -88 2393 2511"><style type="text/css">
 }
 
 ]]>
-</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="1108.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="12" y="98" width="150" height="149" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="232" y="117" width="150" height="130" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="307.000000" y="185.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="452" y="121" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="543.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="704" y="121" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="786.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="939" y="121" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1029.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1189" y="121" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1277.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1435" y="121" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1528.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1691" y="121" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1808.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1996" y="121" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2100.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 87.000000 249.000000 L 87.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 307.000000 249.000000 L 307.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 543.000000 249.000000 L 543.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 786.500000 249.000000 L 786.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1029.000000 249.000000 L 1029.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1277.000000 249.000000 L 1277.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1528.000000 249.000000 L 1528.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1808.500000 249.000000 L 1808.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2100.500000 249.000000 L 2100.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="755" width="318" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="821.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="776" y="1137" width="20" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1019" y="1917" width="20" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 89.000000 377.000000 L 303.000000 377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="197.500000" y="383.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 305.000000 507.000000 L 91.000000 507.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="197.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 89.000000 637.000000 L 539.000000 637.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="315.000000" y="643.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 541.000000 1023.000000 L 91.000000 1023.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="315.500000" y="1029.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 89.000000 1153.000000 L 772.500000 1153.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="432.000000" y="1159.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 798.500000 1283.000000 L 1804.500000 1283.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1302.500000" y="1289.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 798.500000 1413.000000 L 2096.500000 1413.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1448.500000" y="1419.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 800.500000 1543.000000 L 1806.500000 1543.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1303.000000" y="1549.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 784.500000 1673.000000 L 91.000000 1673.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="436.500000" y="1679.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 89.000000 1803.000000 L 1025.000000 1803.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="558.000000" y="1809.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1041.000000 1933.000000 L 1273.000000 1933.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1158.000000" y="1939.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1041.000000 2063.000000 L 1524.000000 2063.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1284.000000" y="2069.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1017.000000 2193.000000 L 91.000000 2193.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="553.000000" y="2199.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2511">
+</style><g id="How this is rendered"><g class="shape" ></g><text class="text-bold" x="1108.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">How this is rendered</text></g><g id="How this is rendered.CLI"><g class="shape" ><rect x="12" y="98" width="150" height="149" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="175.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">CLI</text></g><g id="How this is rendered.d2ast"><g class="shape" ><rect x="232" y="117" width="150" height="130" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="307.000000" y="185.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2ast</text></g><g id="How this is rendered.d2compiler"><g class="shape" ><rect x="452" y="121" width="182" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="543.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2compiler</text></g><g id="How this is rendered.d2layout"><g class="shape" ><rect x="704" y="121" width="165" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="786.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2layout</text></g><g id="How this is rendered.d2exporter"><g class="shape" ><rect x="939" y="121" width="180" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1029.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2exporter</text></g><g id="How this is rendered.d2themes"><g class="shape" ><rect x="1189" y="121" width="176" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1277.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2themes</text></g><g id="How this is rendered.d2renderer"><g class="shape" ><rect x="1435" y="121" width="186" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1528.000000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2renderer</text></g><g id="How this is rendered.d2sequencelayout"><g class="shape" ><rect x="1691" y="121" width="235" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1808.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2sequencelayout</text></g><g id="How this is rendered.d2dagrelayout"><g class="shape" ><rect x="1996" y="121" width="209" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2100.500000" y="187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d2dagrelayout</text></g><g id="(How this is rendered.CLI -- )[0]"><path d="M 87.000000 249.000000 L 87.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2ast -- )[0]"><path d="M 307.000000 249.000000 L 307.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2compiler -- )[0]"><path d="M 543.000000 249.000000 L 543.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2layout -- )[0]"><path d="M 786.500000 249.000000 L 786.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2exporter -- )[0]"><path d="M 1029.000000 249.000000 L 1029.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2themes -- )[0]"><path d="M 1277.000000 249.000000 L 1277.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2renderer -- )[0]"><path d="M 1528.000000 249.000000 L 1528.000000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2sequencelayout -- )[0]"><path d="M 1808.500000 249.000000 L 1808.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(How this is rendered.d2dagrelayout -- )[0]"><path d="M 2100.500000 249.000000 L 2100.500000 2322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="How this is rendered.d2compiler.measurements also take place"><g class="shape" ><rect x="372" y="755" width="318" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="531.000000" y="821.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measurements also take place</text></g><g id="How this is rendered.d2layout.layout"><g class="shape" ><rect x="776" y="1137" width="20" height="422" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.d2exporter.export"><g class="shape" ><rect x="1019" y="1917" width="20" height="292" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g></g><g id="How this is rendered.(CLI -&gt; d2ast)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 89.000000 377.000000 L 303.000000 377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="197.500000" y="383.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">&#39;How this is rendered: {...}&#39;</text></g><g id="How this is rendered.(d2ast -&gt; CLI)[0]"><path d="M 305.000000 507.000000 L 91.000000 507.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="197.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">tokenized AST</text></g><g id="How this is rendered.(CLI -&gt; d2compiler)[0]"><path d="M 89.000000 637.000000 L 539.000000 637.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="315.000000" y="643.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">compile AST</text></g><g id="How this is rendered.(d2compiler -&gt; CLI)[0]"><path d="M 541.000000 1023.000000 L 91.000000 1023.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="315.500000" y="1029.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">objects and edges</text></g><g id="How this is rendered.(CLI -&gt; d2layout.layout)[0]"><path d="M 89.000000 1153.000000 L 772.500000 1153.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="432.000000" y="1159.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run layout engines</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2sequencelayout)[0]"><path d="M 798.500000 1283.000000 L 1804.500000 1283.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1302.500000" y="1289.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run engine on shape: sequence_diagram, temporarily remove</text></g><g id="How this is rendered.(d2layout.layout -&gt; d2dagrelayout)[0]"><path d="M 798.500000 1413.000000 L 2096.500000 1413.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1448.500000" y="1419.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">run core engine on rest</text></g><g id="How this is rendered.(d2layout.layout &lt;- d2sequencelayout)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 800.500000 1543.000000 L 1806.500000 1543.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#labels)"/><text class="text-italic" x="1303.000000" y="1549.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">add back in sequence diagrams</text></g><g id="How this is rendered.(d2layout -&gt; CLI)[0]"><path d="M 784.500000 1673.000000 L 91.000000 1673.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="436.500000" y="1679.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">diagram with correct positions and dimensions</text></g><g id="How this is rendered.(CLI -&gt; d2exporter)[0]"><path d="M 89.000000 1803.000000 L 1025.000000 1803.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="558.000000" y="1809.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">export diagram with chosen theme and renderer</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2themes)[0]"><path d="M 1041.000000 1933.000000 L 1273.000000 1933.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1158.000000" y="1939.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">get theme styles</text></g><g id="How this is rendered.(d2exporter.export -&gt; d2renderer)[0]"><path d="M 1041.000000 2063.000000 L 1524.000000 2063.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="1284.000000" y="2069.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">render to SVG</text></g><g id="How this is rendered.(d2exporter.export -&gt; CLI)[0]"><path d="M 1017.000000 2193.000000 L 91.000000 2193.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="553.000000" y="2199.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">resulting SVG</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="2393" height="2511">
 <rect x="0" y="0" width="2393" height="2511" fill="white"></rect>
 <rect x="114.000000" y="367.000000" width="167" height="21" fill="black"></rect>
 <rect x="150.000000" y="497.000000" width="94" height="21" fill="black"></rect>