luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ta all

Browse source
This commit is contained in:
Alexander Wang 2025-01-28 17:43:48 -07:00
parent 3efb51c5b2
commit 598022a44f
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
609 changed files with 649 additions and 629 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 KiB

After

Width:  |  Height:  |  Size: 679 KiB

2
d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-2167086460 .color-AA4{color:#EDF0FD;}
.d2-2167086460 .color-AA5{color:#F7F8FE;}
.d2-2167086460 .color-AB4{color:#EDF0FD;}
.d2-2167086460 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(37 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-2167086460" maskUnits="userSpaceOnUse" x="-101" y="-118" width="272" height="285">
.d2-2167086460 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2167086460);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2167086460);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2167086460);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2167086460);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2167086460);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2167086460);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2167086460);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2167086460);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(37 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-2167086460" maskUnits="userSpaceOnUse" x="-101" y="-118" width="272" height="285">
<rect x="-101" y="-118" width="272" height="285" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask><line x1="-41.000000" x2="111.000000" y1="117.000000" y2="117.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="67" width="72" height="100%"><g transform="translate(0 167)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="172" style="font-size: 16px;">x</text></g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 KiB

After

Width:  |  Height:  |  Size: 657 KiB

2
d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-3640400787 .color-AA4{color:#EDF0FD;}
.d2-3640400787 .color-AA5{color:#F7F8FE;}
.d2-3640400787 .color-AB4{color:#EDF0FD;}
.d2-3640400787 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3640400787-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3640400787-3488378134)" mask="url(#d2-3640400787)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-3640400787" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
.d2-3640400787 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3640400787);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3640400787);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3640400787);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3640400787);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3640400787);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3640400787);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3640400787);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3640400787);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3640400787-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3640400787-3488378134)" mask="url(#d2-3640400787)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-3640400787" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
<rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
<rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

2
d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-2319531137 .color-AA4{color:#45475A;}
.d2-2319531137 .color-AA5{color:#313244;}
.d2-2319531137 .color-AB4{color:#45475A;}
.d2-2319531137 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://fosny.eu" xlink:href="https://fosny.eu"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2319531137-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2319531137-3488378134)" mask="url(#d2-2319531137)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-2319531137" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
.d2-2319531137 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-2319531137);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-2319531137);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2319531137);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-2319531137);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-2319531137);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://fosny.eu" xlink:href="https://fosny.eu"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2319531137-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2319531137-3488378134)" mask="url(#d2-2319531137)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-2319531137" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
<rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
<rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

2
d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-2262180617 .color-AA4{color:#EDF0FD;}
.d2-2262180617 .color-AA5{color:#F7F8FE;}
.d2-2262180617 .color-AB4{color:#EDF0FD;}
.d2-2262180617 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2262180617-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2262180617-3488378134)" mask="url(#d2-2262180617)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-2262180617" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
.d2-2262180617 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2262180617);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2262180617);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2262180617);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2262180617);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2262180617);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2262180617);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2262180617);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2262180617);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2262180617-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2262180617-3488378134)" mask="url(#d2-2262180617)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-2262180617" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
<rect x="-101" y="-118" width="273" height="451" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

2
d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-3042710492 .color-AA4{color:#EDF0FD;}
.d2-3042710492 .color-AA5{color:#F7F8FE;}
.d2-3042710492 .color-AB4{color:#EDF0FD;}
.d2-3042710492 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3042710492-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3042710492-3488378134)" mask="url(#d2-3042710492)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-3042710492" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
.d2-3042710492 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3042710492);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3042710492);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3042710492);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3042710492);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3042710492);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3042710492);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3042710492);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3042710492);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3042710492-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3042710492-3488378134)" mask="url(#d2-3042710492)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-3042710492" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
<rect x="-101" y="-118" width="273" height="451" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

2
d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

2
d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

2
d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 51 KiB

2
d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-681803559 .color-AA4{color:#45475A;}
.d2-681803559 .color-AA5{color:#313244;}
.d2-681803559 .color-AB4{color:#45475A;}
.d2-681803559 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-681803559-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 68.000000 C 27.500000 106.000000 27.500000 126.000000 27.500000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-681803559-3488378134)" mask="url(#d2-681803559)" /></g><mask id="d2-681803559" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="434">
.d2-681803559 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-681803559);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-681803559);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-681803559);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-681803559);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-681803559);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-681803559-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 68.000000 C 27.500000 106.000000 27.500000 126.000000 27.500000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-681803559-3488378134)" mask="url(#d2-681803559)" /></g><mask id="d2-681803559" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="434">
<rect x="-101" y="-101" width="257" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

2
d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-1315001479 .color-AA4{color:#45475A;}
.d2-1315001479 .color-AA5{color:#313244;}
.d2-1315001479 .color-AB4{color:#45475A;}
.d2-1315001479 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="d2ludGVy"><g class="shape" ><rect x="10.000000" y="20.000000" width="148.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.000000" y="7.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">winter</text></g><g class="c3VtbWVy"><g class="shape" ><rect x="17.000000" y="286.000000" width="135.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.500000" y="273.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">summer</text></g><g class="d2ludGVyLnNub3c="><g class="shape" ><rect x="40.000000" y="50.000000" width="88.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.000000" y="88.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">snow</text></g><g class="c3VtbWVyLnN1bg=="><g class="shape" ><rect x="47.000000" y="316.000000" width="75.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.500000" y="354.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">sun</text></g><g class="KHdpbnRlci5zbm93IC0mZ3Q7IHN1bW1lci5zdW4pWzBd"><marker id="mk-d2-1315001479-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 84.000000 118.000000 C 84.000000 156.000000 84.000000 176.000000 84.000000 191.000000 C 84.000000 206.000000 84.000000 276.000000 84.000000 312.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1315001479-3488378134)" mask="url(#d2-1315001479)" /></g><mask id="d2-1315001479" maskUnits="userSpaceOnUse" x="-91" y="-121" width="350" height="634">
.d2-1315001479 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-1315001479);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-1315001479);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1315001479);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-1315001479);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-1315001479);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="d2ludGVy"><g class="shape" ><rect x="10.000000" y="20.000000" width="148.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.000000" y="7.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">winter</text></g><g class="c3VtbWVy"><g class="shape" ><rect x="17.000000" y="286.000000" width="135.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.500000" y="273.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">summer</text></g><g class="d2ludGVyLnNub3c="><g class="shape" ><rect x="40.000000" y="50.000000" width="88.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.000000" y="88.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">snow</text></g><g class="c3VtbWVyLnN1bg=="><g class="shape" ><rect x="47.000000" y="316.000000" width="75.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.500000" y="354.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">sun</text></g><g class="KHdpbnRlci5zbm93IC0mZ3Q7IHN1bW1lci5zdW4pWzBd"><marker id="mk-d2-1315001479-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 84.000000 118.000000 C 84.000000 156.000000 84.000000 176.000000 84.000000 191.000000 C 84.000000 206.000000 84.000000 276.000000 84.000000 312.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1315001479-3488378134)" mask="url(#d2-1315001479)" /></g><mask id="d2-1315001479" maskUnits="userSpaceOnUse" x="-91" y="-121" width="350" height="634">
<rect x="-91" y="-121" width="350" height="634" fill="white"></rect>
<rect x="38.500000" y="-21.000000" width="91" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="31.000000" y="245.000000" width="107" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

2
d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-479180263 .color-AA4{color:#45475A;}
.d2-479180263 .color-AA5{color:#313244;}
.d2-479180263 .color-AB4{color:#45475A;}
.d2-479180263 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="bWFuYWdlcg=="><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" stroke="#CDD6F4" fill="#1E1E2E" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#CDD6F4" class="class_header fill-N1" /><text x="211.000000" y="50.500000" fill="#1E1E2E" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" stroke="#CDD6F4" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-479180263" maskUnits="userSpaceOnUse" x="-101" y="-101" width="624" height="570">
.d2-479180263 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-479180263);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-479180263);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-479180263);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-479180263);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-479180263);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="bWFuYWdlcg=="><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" stroke="#CDD6F4" fill="#1E1E2E" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#CDD6F4" class="class_header fill-N1" /><text x="211.000000" y="50.500000" fill="#1E1E2E" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" stroke="#CDD6F4" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" fill="#CBA6f7" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" fill="#CDD6F4" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" fill="#f38BA8" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-479180263" maskUnits="userSpaceOnUse" x="-101" y="-101" width="624" height="570">
<rect x="-101" y="-101" width="624" height="570" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg vendored
View file

@ -107,7 +107,7 @@
.d2-707387214 .color-AA4{color:#45475A;}
.d2-707387214 .color-AA5{color:#313244;}
.d2-707387214 .color-AB4{color:#45475A;}
.d2-707387214 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-707387214 .md em,
.d2-707387214 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-707387214);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-707387214);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-707387214);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-707387214);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-707387214);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-707387214 .md em,
.d2-707387214 .md dfn {
font-family: "d2-707387214-font-italic";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

2
d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-4207508499 .color-AA4{color:#45475A;}
.d2-4207508499 .color-AA5{color:#313244;}
.d2-4207508499 .color-AB4{color:#45475A;}
.d2-4207508499 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="187.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="225.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4207508499-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 67.500000 C 27.500000 114.300003 27.500000 138.699997 27.500000 183.500000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4207508499-3488378134)" mask="url(#d2-4207508499)" /><text x="28.000000" y="132.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-4207508499" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="455">
.d2-4207508499 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-4207508499);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-4207508499);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4207508499);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-4207508499);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-4207508499);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="187.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="225.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4207508499-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 67.500000 C 27.500000 114.300003 27.500000 138.699997 27.500000 183.500000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4207508499-3488378134)" mask="url(#d2-4207508499)" /><text x="28.000000" y="132.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-4207508499" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="455">
<rect x="-101" y="-101" width="257" height="455" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="209.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

2
d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg vendored
View file

@ -107,7 +107,7 @@
.d2-194986808 .color-AA4{color:#45475A;}
.d2-194986808 .color-AA5{color:#313244;}
.d2-194986808 .color-AB4{color:#45475A;}
.d2-194986808 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-194986808 .md em,
.d2-194986808 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-194986808);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-194986808);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-194986808);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-194986808);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-194986808);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-194986808 .md em,
.d2-194986808 .md dfn {
font-family: "d2-194986808-font-italic";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

2
d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-4030093334 .color-AA4{color:#45475A;}
.d2-4030093334 .color-AA5{color:#313244;}
.d2-4030093334 .color-AB4{color:#45475A;}
.d2-4030093334 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YnJpZ2h0"><g class="shape" ><rect x="0.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#000" fill="#fff" style="stroke-width:2;" /></g><text x="47.000000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">bright</text></g><g class="bm9ybWFs"><g class="shape" ><rect x="154.000000" y="0.000000" width="101.000000" height="66.000000" stroke="#000" fill="#ccc" style="stroke-width:2;" /></g><text x="204.500000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">normal</text></g><g class="ZGFyaw=="><g class="shape" ><rect x="315.000000" y="0.000000" width="82.000000" height="66.000000" stroke="#000" fill="#555" style="stroke-width:2;" /></g><text x="356.000000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">dark</text></g><g class="ZGFya2Vy"><g class="shape" ><rect x="457.000000" y="0.000000" width="99.000000" height="66.000000" stroke="#000" fill="#000" style="stroke-width:2;" /></g><text x="506.500000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">darker</text></g><mask id="d2-4030093334" maskUnits="userSpaceOnUse" x="-101" y="-101" width="758" height="268">
.d2-4030093334 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-4030093334);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-4030093334);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4030093334);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-4030093334);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-4030093334);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YnJpZ2h0"><g class="shape" ><rect x="0.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#000" fill="#fff" style="stroke-width:2;" /></g><text x="47.000000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">bright</text></g><g class="bm9ybWFs"><g class="shape" ><rect x="154.000000" y="0.000000" width="101.000000" height="66.000000" stroke="#000" fill="#ccc" style="stroke-width:2;" /></g><text x="204.500000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">normal</text></g><g class="ZGFyaw=="><g class="shape" ><rect x="315.000000" y="0.000000" width="82.000000" height="66.000000" stroke="#000" fill="#555" style="stroke-width:2;" /></g><text x="356.000000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">dark</text></g><g class="ZGFya2Vy"><g class="shape" ><rect x="457.000000" y="0.000000" width="99.000000" height="66.000000" stroke="#000" fill="#000" style="stroke-width:2;" /></g><text x="506.500000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">darker</text></g><mask id="d2-4030093334" maskUnits="userSpaceOnUse" x="-101" y="-101" width="758" height="268">
<rect x="-101" y="-101" width="758" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="22.500000" width="56" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

2
d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

2
d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg vendored
View file

@ -107,7 +107,7 @@
.d2-3696955334 .color-AA4{color:#45475A;}
.d2-3696955334 .color-AA5{color:#313244;}
.d2-3696955334 .color-AB4{color:#45475A;}
.d2-3696955334 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-3696955334 .md em,
.d2-3696955334 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-3696955334);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-3696955334);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3696955334);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-3696955334);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-3696955334);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><style type="text/css">.d2-3696955334 .md em,
.d2-3696955334 .md dfn {
font-family: "d2-3696955334-font-italic";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 121 KiB

After

Width:  |  Height:  |  Size: 121 KiB

2
e2etests-cli/testdata/TestCLI_E2E/abspath.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1706184380 .color-AA4{color:#EDF0FD;}
.d2-1706184380 .color-AA5{color:#F7F8FE;}
.d2-1706184380 .color-AB4{color:#EDF0FD;}
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-845266071 .color-AA4{color:#EDF0FD;}
.d2-845266071 .color-AA5{color:#F7F8FE;}
.d2-845266071 .color-AB4{color:#EDF0FD;}
.d2-845266071 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.d2-845266071 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-845266071);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-845266071);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-845266071);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-845266071);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-845266071);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-845266071);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-845266071);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-845266071);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.md dfn {
font-family: "d2-845266071-font-italic";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

2
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x-y.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-190729158 .color-AA4{color:#EDF0FD;}
.d2-190729158 .color-AA5{color:#F7F8FE;}
.d2-190729158 .color-AB4{color:#EDF0FD;}
.d2-190729158 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-190729158" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
.d2-190729158 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-190729158);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-190729158);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-190729158);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-190729158);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-190729158" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
<rect x="-101" y="-101" width="290" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

2
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-3768389989 .color-AA4{color:#EDF0FD;}
.d2-3768389989 .color-AA5{color:#F7F8FE;}
.d2-3768389989 .color-AB4{color:#EDF0FD;}
.d2-3768389989 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g transform="translate(38 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-3768389989 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3768389989);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3768389989);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3768389989);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3768389989);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3768389989);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3768389989);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3768389989);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3768389989);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g transform="translate(38 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111-d2-3768389989-PE)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-51840015 .color-AA4{color:#EDF0FD;}
.d2-51840015 .color-AA5{color:#F7F8FE;}
.d2-51840015 .color-AB4{color:#EDF0FD;}
.d2-51840015 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(37 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-51840015 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-51840015);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-51840015);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-51840015);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-51840015);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-51840015);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-51840015);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-51840015);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-51840015);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(37 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111-d2-51840015-PA)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests-cli/testdata/TestCLI_E2E/center.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1706184380 .color-AA4{color:#EDF0FD;}
.d2-1706184380 .color-AA5{color:#F7F8FE;}
.d2-1706184380 .color-AB4{color:#EDF0FD;}
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/chain_icon_import.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2843984350 .color-AA4{color:#EDF0FD;}
.d2-2843984350 .color-AA5{color:#F7F8FE;}
.d2-2843984350 .color-AB4{color:#EDF0FD;}
.d2-2843984350 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8=" class="Ecs"><g class="shape" ><ellipse rx="67.000000" ry="67.000000" cx="67.000000" cy="67.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzUgNzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI09yYW5nZUdyYWRpZW50KTt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9Ik9yYW5nZUdyYWRpZW50IiB4MT0iMTU4LjA1IiB5MT0iLTExMy40MyIgeDI9IjE1OC4wNSIgeTI9IjM2LjU3IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDE3Ni40MyAxMjIuMDgpIHJvdGF0ZSgtMTM1KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M4NTExYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5BbWF6b24tRWxhc3RpYy1Db250YWluZXItU2VydmljZTwvdGl0bGU+PGcgaWQ9IlJlZmVyZW5jZSI+PHJlY3QgaWQ9Ik9yYW5nZV9HcmFkaWVudCIgZGF0YS1uYW1lPSJPcmFuZ2UgR3JhZGllbnQiIGNsYXNzPSJjbHMtMSIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1Ii8+PGcgaWQ9Ikljb25fVGVzdCIgZGF0YS1uYW1lPSJJY29uIFRlc3QiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM3LjI5LDY0LjQ0YTEsMSwwLDAsMS0uNTMtLjE0TDE0LDUxLjE4YTEuMDYsMS4wNiwwLDAsMS0uNTMtLjkyVjIzLjY4YTEuMDYsMS4wNiwwLDAsMSwuNTMtLjkyTDM0LjkzLDEwLjdhMSwxLDAsMCwxLDEuNTcuOVYyMy4xMUExLjA1LDEuMDUsMCwwLDEsMzYsMjRsLTEwLjQ3LDZWNDMuOTRsMTEuNzksNi44MSwxMC4zMS02YTEsMSwwLDAsMSwxLDBsOS45Miw1LjdhMS4wNiwxLjA2LDAsMCwxLC41My45MiwxLDEsMCwwLDEtLjUzLjkxbC0yMC43NSwxMkExLDEsMCwwLDEsMzcuMjksNjQuNDRaTTE1LjUsNDkuNTQsMzcuODMsNjIuNDMsNTcsNTEuMzVsLTgtNC42MUwzOC4zNyw1Mi44OGExLjExLDEuMTEsMCwwLDEtMS4wOSwwTDI0LDQ1LjIyYTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjI5LjQ2YTEsMSwwLDAsMSwuNTMtLjkxbDEwLjQ3LTZWMTMuMzdsLTE5LDExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYwLjQ0LDQ5YTEuMTMsMS4xMywwLDAsMS0uNTMtLjE0TDUwLDQzLjEzYTEsMSwwLDAsMS0uNTMtLjkxVjMwLjExTDM5LDI0LjA3YTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjExLjY1YTEsMSwwLDAsMSwuNTItLjksMSwxLDAsMCwxLDEsMEw2MSwyMi44MmExLjA1LDEuMDUsMCwwLDEsLjUzLjkxVjQ3LjlhMS4wNiwxLjA2LDAsMCwxLS41My45MkExLjEsMS4xLDAsMCwxLDYwLjQ0LDQ5Wk01MS41LDQxLjU1bDgsNC42VjI0LjRsLTE5LTExdjkuMTNMNTEsMjguNjFhMSwxLDAsMCwxLC41My45MVoiLz48L2c+PC9nPjwvc3ZnPg==" x="43.500000" y="43.500000" width="47" height="47" /><text x="67.000000" y="41.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-2843984350" maskUnits="userSpaceOnUse" x="-101" y="-101" width="336" height="336">
.d2-2843984350 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2843984350);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2843984350);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2843984350);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2843984350);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2843984350);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2843984350);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2843984350);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2843984350);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8=" class="Ecs"><g class="shape" ><ellipse rx="67.000000" ry="67.000000" cx="67.000000" cy="67.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzUgNzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI09yYW5nZUdyYWRpZW50KTt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9Ik9yYW5nZUdyYWRpZW50IiB4MT0iMTU4LjA1IiB5MT0iLTExMy40MyIgeDI9IjE1OC4wNSIgeTI9IjM2LjU3IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDE3Ni40MyAxMjIuMDgpIHJvdGF0ZSgtMTM1KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M4NTExYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5BbWF6b24tRWxhc3RpYy1Db250YWluZXItU2VydmljZTwvdGl0bGU+PGcgaWQ9IlJlZmVyZW5jZSI+PHJlY3QgaWQ9Ik9yYW5nZV9HcmFkaWVudCIgZGF0YS1uYW1lPSJPcmFuZ2UgR3JhZGllbnQiIGNsYXNzPSJjbHMtMSIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1Ii8+PGcgaWQ9Ikljb25fVGVzdCIgZGF0YS1uYW1lPSJJY29uIFRlc3QiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM3LjI5LDY0LjQ0YTEsMSwwLDAsMS0uNTMtLjE0TDE0LDUxLjE4YTEuMDYsMS4wNiwwLDAsMS0uNTMtLjkyVjIzLjY4YTEuMDYsMS4wNiwwLDAsMSwuNTMtLjkyTDM0LjkzLDEwLjdhMSwxLDAsMCwxLDEuNTcuOVYyMy4xMUExLjA1LDEuMDUsMCwwLDEsMzYsMjRsLTEwLjQ3LDZWNDMuOTRsMTEuNzksNi44MSwxMC4zMS02YTEsMSwwLDAsMSwxLDBsOS45Miw1LjdhMS4wNiwxLjA2LDAsMCwxLC41My45MiwxLDEsMCwwLDEtLjUzLjkxbC0yMC43NSwxMkExLDEsMCwwLDEsMzcuMjksNjQuNDRaTTE1LjUsNDkuNTQsMzcuODMsNjIuNDMsNTcsNTEuMzVsLTgtNC42MUwzOC4zNyw1Mi44OGExLjExLDEuMTEsMCwwLDEtMS4wOSwwTDI0LDQ1LjIyYTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjI5LjQ2YTEsMSwwLDAsMSwuNTMtLjkxbDEwLjQ3LTZWMTMuMzdsLTE5LDExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYwLjQ0LDQ5YTEuMTMsMS4xMywwLDAsMS0uNTMtLjE0TDUwLDQzLjEzYTEsMSwwLDAsMS0uNTMtLjkxVjMwLjExTDM5LDI0LjA3YTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjExLjY1YTEsMSwwLDAsMSwuNTItLjksMSwxLDAsMCwxLDEsMEw2MSwyMi44MmExLjA1LDEuMDUsMCwwLDEsLjUzLjkxVjQ3LjlhMS4wNiwxLjA2LDAsMCwxLS41My45MkExLjEsMS4xLDAsMCwxLDYwLjQ0LDQ5Wk01MS41LDQxLjU1bDgsNC42VjI0LjRsLTE5LTExdjkuMTNMNTEsMjguNjFhMSwxLDAsMCwxLC41My45MVoiLz48L2c+PC9nPjwvc3ZnPg==" x="43.500000" y="43.500000" width="47" height="47" /><text x="67.000000" y="41.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-2843984350" maskUnits="userSpaceOnUse" x="-101" y="-101" width="336" height="336">
<rect x="-101" y="-101" width="336" height="336" fill="white"></rect>
<rect x="49.500000" y="25.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests-cli/testdata/TestCLI_E2E/chain_import.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1281459931 .color-AA4{color:#EDF0FD;}
.d2-1281459931 .color-AA5{color:#F7F8FE;}
.d2-1281459931 .color-AB4{color:#EDF0FD;}
.d2-1281459931 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-1281459931" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
.d2-1281459931 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1281459931);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1281459931);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1281459931);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1281459931);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1281459931);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1281459931);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1281459931);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1281459931);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-1281459931" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
<rect x="-101" y="-101" width="290" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

2
e2etests-cli/testdata/TestCLI_E2E/empty-base.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1837094108 .color-AA4{color:#EDF0FD;}
.d2-1837094108 .color-AA5{color:#F7F8FE;}
.d2-1837094108 .color-AB4{color:#EDF0FD;}
.d2-1837094108 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1837094108-0 {
.d2-1837094108 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1837094108);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1837094108);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1837094108);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1837094108);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1837094108);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1837094108);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1837094108);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1837094108);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1837094108-0 {
0%, 0.000000% {
opacity: 0;
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

2
e2etests-cli/testdata/TestCLI_E2E/import.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3199717077 .color-AA4{color:#EDF0FD;}
.d2-3199717077 .color-AA5{color:#F7F8FE;}
.d2-3199717077 .color-AB4{color:#EDF0FD;}
.d2-3199717077 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><ellipse rx="38.500000" ry="38.500000" cx="38.500000" cy="38.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="44.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="6.000000" y="177.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="215.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3199717077-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 38.980001 78.999900 C 38.599998 117.000000 38.500000 137.000000 38.500000 173.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3199717077-3488378134)" mask="url(#d2-3199717077)" /></g><mask id="d2-3199717077" maskUnits="userSpaceOnUse" x="-101" y="-101" width="279" height="445">
.d2-3199717077 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3199717077);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3199717077);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3199717077);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3199717077);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3199717077);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3199717077);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3199717077);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3199717077);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><ellipse rx="38.500000" ry="38.500000" cx="38.500000" cy="38.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="44.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="6.000000" y="177.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="215.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3199717077-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 38.980001 78.999900 C 38.599998 117.000000 38.500000 137.000000 38.500000 173.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3199717077-3488378134)" mask="url(#d2-3199717077)" /></g><mask id="d2-3199717077" maskUnits="userSpaceOnUse" x="-101" y="-101" width="279" height="445">
<rect x="-101" y="-101" width="279" height="445" fill="white"></rect>
<rect x="34.500000" y="28.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="34.500000" y="199.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/import_icon_relative.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1774634215 .color-AA4{color:#EDF0FD;}
.d2-1774634215 .color-AA5{color:#F7F8FE;}
.d2-1774634215 .color-AB4{color:#EDF0FD;}
.d2-1774634215 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="80.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="20.000000" y="26.000000" width="40" height="40" /><text x="40.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="140.000000" y="0.000000" width="78.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="159.500000" y="26.500000" width="39" height="39" /><text x="179.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><mask id="d2-1774634215" maskUnits="userSpaceOnUse" x="-101" y="-101" width="420" height="294">
.d2-1774634215 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1774634215);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1774634215);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1774634215);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1774634215);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1774634215);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1774634215);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1774634215);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1774634215);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="80.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="20.000000" y="26.000000" width="40" height="40" /><text x="40.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="140.000000" y="0.000000" width="78.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="159.500000" y="26.500000" width="39" height="39" /><text x="179.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><mask id="d2-1774634215" maskUnits="userSpaceOnUse" x="-101" y="-101" width="420" height="294">
<rect x="-101" y="-101" width="420" height="294" fill="white"></rect>
<rect x="35.500000" y="5.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="175.500000" y="5.000000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

2
e2etests-cli/testdata/TestCLI_E2E/import_spread_nested.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2399822433 .color-AA4{color:#EDF0FD;}
.d2-2399822433 .color-AA5{color:#F7F8FE;}
.d2-2399822433 .color-AB4{color:#EDF0FD;}
.d2-2399822433 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="am9u"><g class="shape" ><rect x="0.000000" y="0.000000" width="69.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="34.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jon</text></g><g class="amFu"><g class="shape" ><rect x="129.000000" y="0.000000" width="68.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="163.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jan</text></g><mask id="d2-2399822433" maskUnits="userSpaceOnUse" x="-101" y="-101" width="399" height="268">
.d2-2399822433 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2399822433);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2399822433);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2399822433);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2399822433);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2399822433);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2399822433);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2399822433);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2399822433);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="am9u"><g class="shape" ><rect x="0.000000" y="0.000000" width="69.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="34.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jon</text></g><g class="amFu"><g class="shape" ><rect x="129.000000" y="0.000000" width="68.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="163.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jan</text></g><mask id="d2-2399822433" maskUnits="userSpaceOnUse" x="-101" y="-101" width="399" height="268">
<rect x="-101" y="-101" width="399" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="24" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="151.500000" y="22.500000" width="23" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

2
e2etests-cli/testdata/TestCLI_E2E/import_vars.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3822813 .color-AA4{color:#45475A;}
.d2-3822813 .color-AA5{color:#313244;}
.d2-3822813 .color-AB4{color:#45475A;}
.d2-3822813 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3822813-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3822813-3488378134)" mask="url(#d2-3822813)" /></g><mask id="d2-3822813" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-3822813 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-3822813);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-3822813);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3822813);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-3822813);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-3822813);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3822813-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3822813-3488378134)" mask="url(#d2-3822813)" /></g><mask id="d2-3822813" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

2
e2etests-cli/testdata/TestCLI_E2E/layer-link/index.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-3825105017 .color-AA4{color:#EDF0FD;}
.d2-3825105017 .color-AA5{color:#F7F8FE;}
.d2-3825105017 .color-AB4{color:#EDF0FD;}
.d2-3825105017 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="test2.svg" xlink:href="test2.svg"><g class="ZG9o"><g class="shape" ><rect x="0.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">doh</text></g></a><g transform="translate(57 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-3825105017 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3825105017);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3825105017);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3825105017);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3825105017);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3825105017);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3825105017);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3825105017);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3825105017);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="test2.svg" xlink:href="test2.svg"><g class="ZG9o"><g class="shape" ><rect x="0.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">doh</text></g></a><g transform="translate(57 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111-d2-3825105017-MRXWQ)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
e2etests-cli/testdata/TestCLI_E2E/layer-link/test2.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-2624935134 .color-AA4{color:#EDF0FD;}
.d2-2624935134 .color-AA5{color:#F7F8FE;}
.d2-2624935134 .color-AB4{color:#EDF0FD;}
.d2-2624935134 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://example.com" xlink:href="https://example.com"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="111.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="55.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">I&#39;m a Mac</text></g></a><g transform="translate(95 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2624935134 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2624935134);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2624935134);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2624935134);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2624935134);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://example.com" xlink:href="https://example.com"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="111.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="55.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">I&#39;m a Mac</text></g></a><g transform="translate(95 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111-d2-2624935134-PA)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2003327214 .color-AA4{color:#EDF0FD;}
.d2-2003327214 .color-AA5{color:#F7F8FE;}
.d2-2003327214 .color-AB4{color:#EDF0FD;}
.d2-2003327214 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2003327214-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2003327214-3488378134)" mask="url(#d2-2003327214)" /></g><mask id="d2-2003327214" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-2003327214 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2003327214);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2003327214);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2003327214);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2003327214);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2003327214-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2003327214-3488378134)" mask="url(#d2-2003327214)" /></g><mask id="d2-2003327214" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1616388686 .color-AA4{color:#EDF0FD;}
.d2-1616388686 .color-AA5{color:#F7F8FE;}
.d2-1616388686 .color-AB4{color:#EDF0FD;}
.d2-1616388686 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
.d2-1616388686 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
<rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1610246682 .color-AA4{color:#EDF0FD;}
.d2-1610246682 .color-AA5{color:#F7F8FE;}
.d2-1610246682 .color-AB4{color:#EDF0FD;}
.d2-1610246682 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
.d2-1610246682 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
<rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1921642409 .color-AA4{color:#EDF0FD;}
.d2-1921642409 .color-AA5{color:#F7F8FE;}
.d2-1921642409 .color-AB4{color:#EDF0FD;}
.d2-1921642409 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
.d2-1921642409 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
<rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-355699599 .color-AA4{color:#EDF0FD;}
.d2-355699599 .color-AA5{color:#F7F8FE;}
.d2-355699599 .color-AB4{color:#EDF0FD;}
.d2-355699599 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-355699599 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2003327214 .color-AA4{color:#EDF0FD;}
.d2-2003327214 .color-AA5{color:#F7F8FE;}
.d2-2003327214 .color-AB4{color:#EDF0FD;}
.d2-2003327214 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2003327214-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2003327214-3488378134)" mask="url(#d2-2003327214)" /></g><mask id="d2-2003327214" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-2003327214 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2003327214);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2003327214);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2003327214);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2003327214);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2003327214);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2003327214);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2003327214-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2003327214-3488378134)" mask="url(#d2-2003327214)" /></g><mask id="d2-2003327214" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1616388686 .color-AA4{color:#EDF0FD;}
.d2-1616388686 .color-AA5{color:#F7F8FE;}
.d2-1616388686 .color-AB4{color:#EDF0FD;}
.d2-1616388686 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
.d2-1616388686 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
<rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1610246682 .color-AA4{color:#EDF0FD;}
.d2-1610246682 .color-AA5{color:#F7F8FE;}
.d2-1610246682 .color-AB4{color:#EDF0FD;}
.d2-1610246682 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
.d2-1610246682 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
<rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1921642409 .color-AA4{color:#EDF0FD;}
.d2-1921642409 .color-AA5{color:#F7F8FE;}
.d2-1921642409 .color-AB4{color:#EDF0FD;}
.d2-1921642409 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
.d2-1921642409 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
<rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-355699599 .color-AA4{color:#EDF0FD;}
.d2-355699599 .color-AA5{color:#F7F8FE;}
.d2-355699599 .color-AB4{color:#EDF0FD;}
.d2-355699599 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-355699599 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests-cli/testdata/TestCLI_E2E/sequence-layer/index.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3474385621 .color-AA4{color:#EDF0FD;}
.d2-3474385621 .color-AA5{color:#F7F8FE;}
.d2-3474385621 .color-AB4{color:#EDF0FD;}
.d2-3474385621 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-3474385621" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
.d2-3474385621 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3474385621);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3474385621);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3474385621);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3474385621);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-3474385621" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
<rect x="-101" y="-101" width="255" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

2
e2etests-cli/testdata/TestCLI_E2E/sequence-layer/seq.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

2
e2etests-cli/testdata/TestCLI_E2E/sequence-spread-layer/index.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3474385621 .color-AA4{color:#EDF0FD;}
.d2-3474385621 .color-AA5{color:#F7F8FE;}
.d2-3474385621 .color-AB4{color:#EDF0FD;}
.d2-3474385621 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-3474385621" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
.d2-3474385621 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3474385621);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3474385621);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3474385621);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3474385621);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3474385621);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3474385621);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-3474385621" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
<rect x="-101" y="-101" width="255" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

2
e2etests-cli/testdata/TestCLI_E2E/sequence-spread-layer/seq.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

2
e2etests-cli/testdata/TestCLI_E2E/stdin.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1706184380 .color-AA4{color:#EDF0FD;}
.d2-1706184380 .color-AA5{color:#F7F8FE;}
.d2-1706184380 .color-AB4{color:#EDF0FD;}
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-1706184380 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1706184380);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1706184380);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1706184380);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1706184380);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1706184380-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1706184380-3488378134)" mask="url(#d2-1706184380)" /></g><mask id="d2-1706184380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests-cli/testdata/TestCLI_E2E/target-b.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2422484514 .color-AA4{color:#EDF0FD;}
.d2-2422484514 .color-AA5{color:#F7F8FE;}
.d2-2422484514 .color-AB4{color:#EDF0FD;}
.d2-2422484514 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="132.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Backup Plan</text></g><mask id="d2-2422484514" maskUnits="userSpaceOnUse" x="-101" y="-101" width="334" height="268">
.d2-2422484514 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2422484514);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2422484514);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2422484514);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2422484514);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="132.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Backup Plan</text></g><mask id="d2-2422484514" maskUnits="userSpaceOnUse" x="-101" y="-101" width="334" height="268">
<rect x="-101" y="-101" width="334" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="87" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

2
e2etests-cli/testdata/TestCLI_E2E/target-nested-index.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-4175695741 .color-AA4{color:#EDF0FD;}
.d2-4175695741 .color-AA5{color:#F7F8FE;}
.d2-4175695741 .color-AB4{color:#EDF0FD;}
.d2-4175695741 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="ZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-4175695741" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="268">
.d2-4175695741 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4175695741);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4175695741);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4175695741);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4175695741);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="ZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-4175695741" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="268">
<rect x="-101" y="-101" width="256" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

2
e2etests-cli/testdata/TestCLI_E2E/target-nested-index2.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1286117810 .color-AA4{color:#EDF0FD;}
.d2-1286117810 .color-AA5{color:#F7F8FE;}
.d2-1286117810 .color-AB4{color:#EDF0FD;}
.d2-1286117810 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Yw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g class="ZA=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-1286117810" maskUnits="userSpaceOnUse" x="-101" y="-101" width="369" height="268">
.d2-1286117810 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1286117810);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1286117810);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1286117810);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1286117810);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Yw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g class="ZA=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-1286117810" maskUnits="userSpaceOnUse" x="-101" y="-101" width="369" height="268">
<rect x="-101" y="-101" width="369" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

2
e2etests-cli/testdata/TestCLI_E2E/target-nested-with-special-chars.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1807797871 .color-AA4{color:#EDF0FD;}
.d2-1807797871 .color-AA5{color:#F7F8FE;}
.d2-1807797871 .color-AB4{color:#EDF0FD;}
.d2-1807797871 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWFk"><g class="shape" ><rect x="0.000000" y="0.000000" width="76.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mad</text></g><mask id="d2-1807797871" maskUnits="userSpaceOnUse" x="-101" y="-101" width="278" height="268">
.d2-1807797871 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1807797871);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1807797871);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1807797871);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1807797871);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWFk"><g class="shape" ><rect x="0.000000" y="0.000000" width="76.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mad</text></g><mask id="d2-1807797871" maskUnits="userSpaceOnUse" x="-101" y="-101" width="278" height="268">
<rect x="-101" y="-101" width="278" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="31" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

2
e2etests-cli/testdata/TestCLI_E2E/target-root.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3845288009 .color-AA4{color:#EDF0FD;}
.d2-3845288009 .color-AA5{color:#F7F8FE;}
.d2-3845288009 .color-AB4{color:#EDF0FD;}
.d2-3845288009 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Main Plan</text></g><mask id="d2-3845288009" maskUnits="userSpaceOnUse" x="-101" y="-101" width="315" height="268">
.d2-3845288009 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3845288009);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3845288009);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3845288009);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3845288009);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3845288009);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3845288009);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3845288009);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3845288009);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Main Plan</text></g><mask id="d2-3845288009" maskUnits="userSpaceOnUse" x="-101" y="-101" width="315" height="268">
<rect x="-101" y="-101" width="315" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

2
e2etests-cli/testdata/TestCLI_E2E/theme-override.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

2
e2etests-cli/testdata/TestCLI_E2E/vars-animation.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-2619059235 .color-AA4{color:#45BBA5;}
.d2-2619059235 .color-AA5{color:#7ACCBD;}
.d2-2619059235 .color-AB4{color:#F1C759;}
.d2-2619059235 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.d2-2619059235 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2619059235);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2619059235);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2619059235);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2619059235);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2619059235);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2619059235);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2619059235);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker-d2-2619059235);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal-d2-2619059235);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2619059235);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2619059235);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.md dfn {
font-family: "d2-2619059235-font-italic";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

14
e2etests-cli/testdata/TestCLI_E2E/vars-config.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 78 KiB

2
e2etests-cli/testdata/TestCLI_E2E/with-font.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-237682745 .color-AA4{color:#EDF0FD;}
.d2-237682745 .color-AA5{color:#F7F8FE;}
.d2-237682745 .color-AB4{color:#EDF0FD;}
.d2-237682745 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="29.000000" y="0.000000" width="382.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Why do computers get sick often?</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="204.000000" width="439.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="219.500000" y="242.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Because their Windows are always open!</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-237682745-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 219.500000 84.500000 C 219.500000 131.300003 219.500000 155.699997 219.500000 200.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-237682745-3488378134)" mask="url(#d2-237682745)" /><text x="219.500000" y="149.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">italic font</text></g><mask id="d2-237682745" maskUnits="userSpaceOnUse" x="-101" y="-101" width="641" height="489">
.d2-237682745 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-237682745);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-237682745);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-237682745);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-237682745);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-237682745);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-237682745);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-237682745);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-237682745);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="29.000000" y="0.000000" width="382.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Why do computers get sick often?</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="204.000000" width="439.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="219.500000" y="242.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Because their Windows are always open!</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-237682745-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 219.500000 84.500000 C 219.500000 131.300003 219.500000 155.699997 219.500000 200.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-237682745-3488378134)" mask="url(#d2-237682745)" /><text x="219.500000" y="149.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">italic font</text></g><mask id="d2-237682745" maskUnits="userSpaceOnUse" x="-101" y="-101" width="641" height="489">
<rect x="-101" y="-101" width="641" height="489" fill="white"></rect>
<rect x="51.500000" y="22.500000" width="337" height="38" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="226.500000" width="394" height="38" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg vendored
View file

@ -82,7 +82,7 @@
.d2-4253057645 .color-AA4{color:#EDF0FD;}
.d2-4253057645 .color-AA5{color:#F7F8FE;}
.d2-4253057645 .color-AB4{color:#EDF0FD;}
.d2-4253057645 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="112.000000" height="44.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" class="class_header fill-N1" /><line x1="0.000000" x2="112.000000" y1="44.000000" y2="44.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-4253057645" maskUnits="userSpaceOnUse" x="-1" y="-1" width="114" height="46">
.d2-4253057645 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4253057645);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4253057645);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4253057645);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4253057645);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4253057645);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4253057645);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4253057645);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4253057645);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="112.000000" height="44.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="112.000000" height="44.000000" fill="#0A0F25" class="class_header fill-N1" /><line x1="0.000000" x2="112.000000" y1="44.000000" y2="44.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-4253057645" maskUnits="userSpaceOnUse" x="-1" y="-1" width="114" height="46">
<rect x="-1" y="-1" width="114" height="46" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

2
e2etests/testdata/measured/empty-shape/dagre/sketch.exp.svg vendored
View file

@ -82,7 +82,7 @@
.d2-1213198347 .color-AA4{color:#EDF0FD;}
.d2-1213198347 .color-AA5{color:#F7F8FE;}
.d2-1213198347 .color-AB4{color:#EDF0FD;}
.d2-1213198347 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g></g><mask id="d2-1213198347" maskUnits="userSpaceOnUse" x="-1" y="-1" width="102" height="102">
.d2-1213198347 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1213198347);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1213198347);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1213198347);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1213198347);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1213198347);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1213198347);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1213198347);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1213198347);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="100.000000" height="100.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g></g><mask id="d2-1213198347" maskUnits="userSpaceOnUse" x="-1" y="-1" width="102" height="102">
<rect x="-1" y="-1" width="102" height="102" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg vendored
View file

@ -82,7 +82,7 @@
.d2-3383828863 .color-AA4{color:#EDF0FD;}
.d2-3383828863 .color-AA5{color:#F7F8FE;}
.d2-3383828863 .color-AB4{color:#EDF0FD;}
.d2-3383828863 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="50.000000" height="12.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" class="class_header fill-N1" /></g></g><mask id="d2-3383828863" maskUnits="userSpaceOnUse" x="-1" y="-1" width="52" height="14">
.d2-3383828863 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3383828863);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3383828863);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3383828863);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3383828863);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3383828863);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3383828863);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3383828863);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3383828863);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="50.000000" height="12.000000" stroke="#0A0F25" fill="#FFFFFF" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="50.000000" height="12.000000" fill="#0A0F25" class="class_header fill-N1" /></g></g><mask id="d2-3383828863" maskUnits="userSpaceOnUse" x="-1" y="-1" width="52" height="14">
<rect x="-1" y="-1" width="52" height="14" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

2
e2etests/testdata/patterns/3d/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-973541862 .color-AA4{color:#EDF0FD;}
.d2-973541862 .color-AA5{color:#F7F8FE;}
.d2-973541862 .color-AB4{color:#EDF0FD;}
.d2-973541862 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-973541862 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-973541862);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-973541862);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-973541862);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-973541862);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-973541862);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-973541862);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-973541862);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-973541862);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-973541862);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
e2etests/testdata/patterns/all_shapes/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3818704265 .color-AA4{color:#EDF0FD;}
.d2-3818704265 .color-AA5{color:#F7F8FE;}
.d2-3818704265 .color-AB4{color:#EDF0FD;}
.d2-3818704265 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-3818704265 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3818704265);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3818704265);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3818704265);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3818704265);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3818704265);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3818704265);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3818704265);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3818704265);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-3818704265);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
e2etests/testdata/patterns/multiple/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1339621012 .color-AA4{color:#EDF0FD;}
.d2-1339621012 .color-AA5{color:#F7F8FE;}
.d2-1339621012 .color-AB4{color:#EDF0FD;}
.d2-1339621012 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-1339621012 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1339621012);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1339621012);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1339621012);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1339621012);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1339621012);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1339621012);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1339621012);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1339621012);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-1339621012);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

2
e2etests/testdata/patterns/paper/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2310057119 .color-AA4{color:#EDF0FD;}
.d2-2310057119 .color-AA5{color:#F7F8FE;}
.d2-2310057119 .color-AB4{color:#EDF0FD;}
.d2-2310057119 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-2310057119 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2310057119);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2310057119);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2310057119);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2310057119);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2310057119);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2310057119);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2310057119);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2310057119);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.paper-overlay {
fill: url(#paper-d2-2310057119);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 451 KiB

After

Width:  |  Height:  |  Size: 451 KiB

2
e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg vendored
View file

@ -110,7 +110,7 @@
.d2-3784266981 .color-AA4{color:#EDF0FD;}
.d2-3784266981 .color-AA5{color:#F7F8FE;}
.d2-3784266981 .color-AB4{color:#EDF0FD;}
.d2-3784266981 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-3784266981 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3784266981);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3784266981);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3784266981);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3784266981);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3784266981);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3784266981);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3784266981);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3784266981);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.lines-overlay {
fill: url(#lines-d2-3784266981);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB

2
e2etests/testdata/patterns/real/dagre/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-3307948272 .color-AA4{color:#EDF0FD;}
.d2-3307948272 .color-AA5{color:#F7F8FE;}
.d2-3307948272 .color-AB4{color:#EDF0FD;}
.d2-3307948272 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-3307948272 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3307948272);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3307948272);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3307948272);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3307948272);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3307948272);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3307948272);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3307948272);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3307948272);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-3307948272);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

2
e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-1106540240 .color-AA4{color:#EDF0FD;}
.d2-1106540240 .color-AA5{color:#F7F8FE;}
.d2-1106540240 .color-AB4{color:#EDF0FD;}
.d2-1106540240 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-1106540240 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1106540240);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1106540240);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1106540240);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1106540240);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1106540240);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1106540240);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1106540240);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1106540240);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-1106540240);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2063181310 .color-AA4{color:#EDF0FD;}
.d2-2063181310 .color-AA5{color:#F7F8FE;}
.d2-2063181310 .color-AB4{color:#EDF0FD;}
.d2-2063181310 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-2063181310 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2063181310);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2063181310);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2063181310);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2063181310);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2063181310);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2063181310);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2063181310);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2063181310);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-2063181310);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/patterns/shape/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3359626813 .color-AA4{color:#EDF0FD;}
.d2-3359626813 .color-AA5{color:#F7F8FE;}
.d2-3359626813 .color-AB4{color:#EDF0FD;}
.d2-3359626813 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.d2-3359626813 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3359626813);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3359626813);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3359626813);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3359626813);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3359626813);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3359626813);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3359626813);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3359626813);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots-d2-3359626813);
mix-blend-mode: multiply;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-722681188 .color-AA4{color:#EDF0FD;}
.d2-722681188 .color-AA5{color:#F7F8FE;}
.d2-722681188 .color-AB4{color:#EDF0FD;}
.d2-722681188 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aHk="><g class="shape" ><rect x="0.000000" y="0.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="33.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><title>beans &amp; rice</title></g><g transform="translate(50 -16)" class="appendix-icon"><title>beans &amp; rice</title><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-722681188 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-722681188);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-722681188);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-722681188);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-722681188);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-722681188);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-722681188);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-722681188);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-722681188);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aHk="><g class="shape" ><rect x="0.000000" y="0.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="33.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><title>beans &amp; rice</title></g><g transform="translate(50 -16)" class="appendix-icon"><title>beans &amp; rice</title><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111-d2-722681188-NB4Q)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg vendored
View file

@ -92,7 +92,7 @@
.d2-1697263804 .color-AA4{color:#EDF0FD;}
.d2-1697263804 .color-AA5{color:#F7F8FE;}
.d2-1697263804 .color-AB4{color:#EDF0FD;}
.d2-1697263804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aHk="><g class="shape" ><rect x="12.000000" y="12.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="45.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><title>beans &amp; rice</title></g><g transform="translate(62 -4)" class="appendix-icon"><title>beans &amp; rice</title><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-1697263804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1697263804);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1697263804);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1697263804);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1697263804);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1697263804);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1697263804);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1697263804);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1697263804);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aHk="><g class="shape" ><rect x="12.000000" y="12.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="45.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><title>beans &amp; rice</title></g><g transform="translate(62 -4)" class="appendix-icon"><title>beans &amp; rice</title><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111-d2-1697263804-NB4Q)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests/testdata/regression/arrowhead_font_color/dagre/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-1327311137 .color-AA4{color:#EDF0FD;}
.d2-1327311137 .color-AA5{color:#F7F8FE;}
.d2-1327311137 .color-AB4{color:#EDF0FD;}
.d2-1327311137 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="153.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="180.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggJmx0Oy0mZ3Q7IHkpWzBd"><marker id="mk-d2-1327311137-2451250203" 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 points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-d2-1327311137-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 57.000000 33.000000 C 93.000000 33.000000 113.000000 33.000000 149.000000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-d2-1327311137-2451250203)" marker-end="url(#mk-d2-1327311137-3488378134)" mask="url(#d2-1327311137)" /><text x="72.500000" y="20.000000" fill="green" class="text-italic" style="text-anchor:middle;font-size:16px">eth1</text><text x="133.000000" y="20.000000" fill="red" class="text-italic" style="text-anchor:middle;font-size:16px">eth2</text></g><mask id="d2-1327311137" maskUnits="userSpaceOnUse" x="-1" y="-1" width="209" height="68">
.d2-1327311137 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1327311137);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1327311137);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1327311137);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1327311137);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1327311137);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1327311137);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1327311137);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1327311137);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="153.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="180.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggJmx0Oy0mZ3Q7IHkpWzBd"><marker id="mk-d2-1327311137-2451250203" 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 points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-d2-1327311137-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 57.000000 33.000000 C 93.000000 33.000000 113.000000 33.000000 149.000000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-d2-1327311137-2451250203)" marker-end="url(#mk-d2-1327311137-3488378134)" mask="url(#d2-1327311137)" /><text x="72.500000" y="20.000000" fill="green" class="text-italic" style="text-anchor:middle;font-size:16px">eth1</text><text x="133.000000" y="20.000000" fill="red" class="text-italic" style="text-anchor:middle;font-size:16px">eth2</text></g><mask id="d2-1327311137" maskUnits="userSpaceOnUse" x="-1" y="-1" width="209" height="68">
<rect x="-1" y="-1" width="209" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="175.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/arrowhead_font_color/elk/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-1631180917 .color-AA4{color:#EDF0FD;}
.d2-1631180917 .color-AA5{color:#F7F8FE;}
.d2-1631180917 .color-AB4{color:#EDF0FD;}
.d2-1631180917 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="135.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="162.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggJmx0Oy0mZ3Q7IHkpWzBd"><marker id="mk-d2-1631180917-2451250203" 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 points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-d2-1631180917-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 69.000000 45.000000 L 131.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-d2-1631180917-2451250203)" marker-end="url(#mk-d2-1631180917-3488378134)" mask="url(#d2-1631180917)" /><text x="84.500000" y="32.000000" fill="green" class="text-italic" style="text-anchor:middle;font-size:16px">eth1</text><text x="115.000000" y="32.000000" fill="red" class="text-italic" style="text-anchor:middle;font-size:16px">eth2</text></g><mask id="d2-1631180917" maskUnits="userSpaceOnUse" x="11" y="11" width="179" height="68">
.d2-1631180917 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-1631180917);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1631180917);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1631180917);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1631180917);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1631180917);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1631180917);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1631180917);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1631180917);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="135.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="162.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggJmx0Oy0mZ3Q7IHkpWzBd"><marker id="mk-d2-1631180917-2451250203" 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 points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-d2-1631180917-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 69.000000 45.000000 L 131.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-d2-1631180917-2451250203)" marker-end="url(#mk-d2-1631180917-3488378134)" mask="url(#d2-1631180917)" /><text x="84.500000" y="32.000000" fill="green" class="text-italic" style="text-anchor:middle;font-size:16px">eth1</text><text x="115.000000" y="32.000000" fill="red" class="text-italic" style="text-anchor:middle;font-size:16px">eth2</text></g><mask id="d2-1631180917" maskUnits="userSpaceOnUse" x="11" y="11" width="179" height="68">
<rect x="11" y="11" width="179" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="157.500000" y="34.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/arrowhead_sizes_with_labels/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

2
e2etests/testdata/regression/arrowhead_sizes_with_labels/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

2
e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-679813467 .color-AA4{color:#EDF0FD;}
.d2-679813467 .color-AA5{color:#F7F8FE;}
.d2-679813467 .color-AB4{color:#EDF0FD;}
.d2-679813467 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-679813467-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 54.500000 33.000000 C 105.300003 33.000000 131.699997 33.000000 180.500000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-679813467-3488378134)" mask="url(#d2-679813467)" /><text x="118.500000" y="39.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g class="KHkgLSZndDsgeilbMF0="><path d="M 239.500000 33.000000 C 291.100006 33.000000 317.899994 33.000000 367.500000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-679813467-3488378134)" mask="url(#d2-679813467)" /><text x="304.500000" y="39.000000" fill="#676C7E" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-679813467" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
.d2-679813467 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-679813467);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-679813467);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-679813467);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-679813467);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-679813467);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-679813467);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-679813467);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-679813467);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-679813467-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 54.500000 33.000000 C 105.300003 33.000000 131.699997 33.000000 180.500000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-679813467-3488378134)" mask="url(#d2-679813467)" /><text x="118.500000" y="39.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g class="KHkgLSZndDsgeilbMF0="><path d="M 239.500000 33.000000 C 291.100006 33.000000 317.899994 33.000000 367.500000 33.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-679813467-3488378134)" mask="url(#d2-679813467)" /><text x="304.500000" y="39.000000" fill="#676C7E" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-679813467" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
<rect x="-1" y="-1" width="425" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="206.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/bold_edge_label/elk/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-4249676545 .color-AA4{color:#EDF0FD;}
.d2-4249676545 .color-AA5{color:#F7F8FE;}
.d2-4249676545 .color-AB4{color:#EDF0FD;}
.d2-4249676545 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="236.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="263.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="463.000000" y="12.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="489.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-4249676545-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.000000 45.000000 L 232.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4249676545-3488378134)" mask="url(#d2-4249676545)" /><text x="150.500000" y="51.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g class="KHkgLSZndDsgeilbMF0="><path d="M 292.000000 45.000000 L 459.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4249676545-3488378134)" mask="url(#d2-4249676545)" /><text x="376.500000" y="51.000000" fill="#676C7E" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-4249676545" maskUnits="userSpaceOnUse" x="11" y="11" width="505" height="68">
.d2-4249676545 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4249676545);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4249676545);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4249676545);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4249676545);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4249676545);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4249676545);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4249676545);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4249676545);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="236.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="263.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="463.000000" y="12.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="489.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-4249676545-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.000000 45.000000 L 232.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4249676545-3488378134)" mask="url(#d2-4249676545)" /><text x="150.500000" y="51.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g class="KHkgLSZndDsgeilbMF0="><path d="M 292.000000 45.000000 L 459.000000 45.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4249676545-3488378134)" mask="url(#d2-4249676545)" /><text x="376.500000" y="51.000000" fill="#676C7E" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-4249676545" maskUnits="userSpaceOnUse" x="11" y="11" width="505" height="68">
<rect x="11" y="11" width="505" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="258.500000" y="34.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3914830486 .color-AA4{color:#EDF0FD;}
.d2-3914830486 .color-AA5{color:#F7F8FE;}
.d2-3914830486 .color-AB4{color:#EDF0FD;}
.d2-3914830486 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="KGEgLS0gKVswXQ=="><path d="M 70.500000 146.000000 L 70.500000 213.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3914830486)" /></g><mask id="d2-3914830486" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
.d2-3914830486 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3914830486);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3914830486);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3914830486);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3914830486);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="KGEgLS0gKVswXQ=="><path d="M 70.500000 146.000000 L 70.500000 213.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3914830486)" /></g><mask id="d2-3914830486" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
<rect x="11" y="51" width="119" height="164" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3914830486 .color-AA4{color:#EDF0FD;}
.d2-3914830486 .color-AA5{color:#F7F8FE;}
.d2-3914830486 .color-AB4{color:#EDF0FD;}
.d2-3914830486 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="KGEgLS0gKVswXQ=="><path d="M 70.500000 146.000000 L 70.500000 213.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3914830486)" /></g><mask id="d2-3914830486" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
.d2-3914830486 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3914830486);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3914830486);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3914830486);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3914830486);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3914830486);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3914830486);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" stroke="#0A0F25" fill="#FFFFFF" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" fill="#0A0F25" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" stroke="#0A0F25" class=" stroke-N1" style="stroke-width:1" /></g></g><g class="KGEgLS0gKVswXQ=="><path d="M 70.500000 146.000000 L 70.500000 213.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3914830486)" /></g><mask id="d2-3914830486" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
<rect x="11" y="51" width="119" height="164" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

2
e2etests/testdata/regression/cloud_shaped_grid/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

2
e2etests/testdata/regression/cloud_shaped_grid/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

2
e2etests/testdata/regression/code_font_size/dagre/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-916587384 .color-AA4{color:#EDF0FD;}
.d2-916587384 .color-AA5{color:#F7F8FE;}
.d2-916587384 .color-AB4{color:#EDF0FD;}
.d2-916587384 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="RGF0YQ=="><g class="shape" ><rect x="10.000000" y="186.000000" width="208.000000" height="265.000000" stroke="#c8e9ad" fill="#c8e9ad" style="stroke-width:15;" /></g><text x="114.000000" y="173.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Data</text></g><g class="eQ=="><g class="shape" ><rect x="87.000000" y="571.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="609.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eA=="><g class="shape" ><rect x="88.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="RGF0YS5leA=="><g class="shape" ></g><g transform="translate(40.000000 216.000000)" class="light-code" style="font-size:10"><rect width="148.000000" height="205.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em">Testing&#160;<tspan fill="#009999">001</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AAA
.d2-916587384 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-916587384);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-916587384);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-916587384);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-916587384);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-916587384);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-916587384);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-916587384);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-916587384);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="RGF0YQ=="><g class="shape" ><rect x="10.000000" y="186.000000" width="208.000000" height="265.000000" stroke="#c8e9ad" fill="#c8e9ad" style="stroke-width:15;" /></g><text x="114.000000" y="173.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Data</text></g><g class="eQ=="><g class="shape" ><rect x="87.000000" y="571.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="609.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eA=="><g class="shape" ><rect x="88.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="RGF0YS5leA=="><g class="shape" ></g><g transform="translate(40.000000 216.000000)" class="light-code" style="font-size:10"><rect width="148.000000" height="205.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em">Testing&#160;<tspan fill="#009999">001</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AAA
</text><text class="text-mono" x="0" y="2.300000em">Testing&#160;<tspan fill="#009999">002</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;BBB
</text><text class="text-mono" x="0" y="3.600000em">Testing&#160;<tspan fill="#009999">003</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;CCC
</text><text class="text-mono" x="0" y="4.900000em">Testing&#160;<tspan fill="#009999">004</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;DDD

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
e2etests/testdata/regression/code_font_size/elk/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-2453441352 .color-AA4{color:#EDF0FD;}
.d2-2453441352 .color-AA5{color:#F7F8FE;}
.d2-2453441352 .color-AB4{color:#EDF0FD;}
.d2-2453441352 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="RGF0YQ=="><g class="shape" ><rect x="12.000000" y="148.000000" width="248.000000" height="305.000000" stroke="#c8e9ad" fill="#c8e9ad" style="stroke-width:15;" /></g><text x="136.000000" y="181.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Data</text></g><g class="eQ=="><g class="shape" ><rect x="109.000000" y="523.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="136.000000" y="561.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eA=="><g class="shape" ><rect x="109.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="135.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="RGF0YS5leA=="><g class="shape" ></g><g transform="translate(62.000000 198.000000)" class="light-code" style="font-size:10"><rect width="148.000000" height="205.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em">Testing&#160;<tspan fill="#009999">001</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AAA
.d2-2453441352 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2453441352);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2453441352);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2453441352);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2453441352);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2453441352);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2453441352);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2453441352);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2453441352);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="RGF0YQ=="><g class="shape" ><rect x="12.000000" y="148.000000" width="248.000000" height="305.000000" stroke="#c8e9ad" fill="#c8e9ad" style="stroke-width:15;" /></g><text x="136.000000" y="181.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">Data</text></g><g class="eQ=="><g class="shape" ><rect x="109.000000" y="523.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="136.000000" y="561.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eA=="><g class="shape" ><rect x="109.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="135.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="RGF0YS5leA=="><g class="shape" ></g><g transform="translate(62.000000 198.000000)" class="light-code" style="font-size:10"><rect width="148.000000" height="205.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(5.000000 5.000000)"><text class="text-mono" x="0" y="1.000000em">Testing&#160;<tspan fill="#009999">001</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;AAA
</text><text class="text-mono" x="0" y="2.300000em">Testing&#160;<tspan fill="#009999">002</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;BBB
</text><text class="text-mono" x="0" y="3.600000em">Testing&#160;<tspan fill="#009999">003</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;CCC
</text><text class="text-mono" x="0" y="4.900000em">Testing&#160;<tspan fill="#009999">004</tspan>:&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;DDD

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
e2etests/testdata/regression/code_leading_newlines/dagre/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-3115415491 .color-AA4{color:#EDF0FD;}
.d2-3115415491 .color-AA5{color:#F7F8FE;}
.d2-3115415491 .color-AB4{color:#EDF0FD;}
.d2-3115415491 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSBsZWFkaW5n"><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
.d2-3115415491 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3115415491);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3115415491);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3115415491);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3115415491);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3115415491);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3115415491);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3115415491);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3115415491);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSBsZWFkaW5n"><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

2
e2etests/testdata/regression/code_leading_newlines/elk/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-4276451202 .color-AA4{color:#EDF0FD;}
.d2-4276451202 .color-AA5{color:#F7F8FE;}
.d2-4276451202 .color-AB4{color:#EDF0FD;}
.d2-4276451202 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSBsZWFkaW5n"><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
.d2-4276451202 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4276451202);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4276451202);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4276451202);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4276451202);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4276451202);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4276451202);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4276451202);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4276451202);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSBsZWFkaW5n"><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">
</text><text class="text-mono" x="0" y="4.900000em">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

2
e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-3794212333 .color-AA4{color:#EDF0FD;}
.d2-3794212333 .color-AA5{color:#F7F8FE;}
.d2-3794212333 .color-AB4{color:#EDF0FD;}
.d2-3794212333 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8gd29ybGQ="><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="238.000000" height="183.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
.d2-3794212333 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3794212333);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3794212333);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3794212333);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3794212333);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3794212333);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3794212333);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3794212333);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3794212333);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8gd29ybGQ="><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="238.000000" height="183.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 29 KiB

2
e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-3470799448 .color-AA4{color:#EDF0FD;}
.d2-3470799448 .color-AA5{color:#F7F8FE;}
.d2-3470799448 .color-AB4{color:#EDF0FD;}
.d2-3470799448 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8gd29ybGQ="><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="238.000000" height="183.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
.d2-3470799448 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3470799448);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3470799448);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3470799448);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3470799448);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3470799448);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3470799448);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3470799448);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3470799448);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8gd29ybGQ="><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="238.000000" height="183.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading,&#160;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="4.900000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 29 KiB

2
e2etests/testdata/regression/code_trailing_newlines/dagre/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-763865169 .color-AA4{color:#EDF0FD;}
.d2-763865169 .color-AA5{color:#F7F8FE;}
.d2-763865169 .color-AB4{color:#EDF0FD;}
.d2-763865169 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSB0cmFpbGluZw=="><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
.d2-763865169 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-763865169);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-763865169);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-763865169);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-763865169);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-763865169);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-763865169);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-763865169);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-763865169);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSB0cmFpbGluZw=="><g class="shape" ></g><g transform="translate(0.000000 0.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

2
e2etests/testdata/regression/code_trailing_newlines/elk/sketch.exp.svg vendored
View file

@ -103,7 +103,7 @@
.d2-2257645484 .color-AA4{color:#EDF0FD;}
.d2-2257645484 .color-AA5{color:#F7F8FE;}
.d2-2257645484 .color-AB4{color:#EDF0FD;}
.d2-2257645484 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSB0cmFpbGluZw=="><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
.d2-2257645484 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2257645484);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2257645484);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2257645484);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2257645484);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2257645484);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2257645484);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2257645484);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2257645484);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="NSB0cmFpbGluZw=="><g class="shape" ></g><g transform="translate(12.000000 12.000000)" class="light-code"><rect width="160.000000" height="182.000000" stroke="#0A0F25" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="2.300000em">
</text><text class="text-mono" x="0" y="3.600000em">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="4.900000em">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

2
e2etests/testdata/regression/cylinder_grid_label/dagre/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-2677155037 .color-AA4{color:#EDF0FD;}
.d2-2677155037 .color-AA5{color:#F7F8FE;}
.d2-2677155037 .color-AB4{color:#EDF0FD;}
.d2-2677155037 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbg=="><g class="shape" ><path d="M 0 24 C 0 0 129 0 143 0 C 157 0 286 0 286 24 V 340 C 286 364 157 364 143 364 C 129 364 0 364 0 340 V 24 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 0 24 C 0 48 129 48 143 48 C 157 48 286 48 286 24" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="143.000000" y="81.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">container title is hidden</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5maXJzdA=="><g class="shape" ><rect x="95.000000" y="108.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="142.500000" y="146.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5zZWNvbmQ="><g class="shape" ><rect x="95.000000" y="214.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="142.500000" y="252.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><mask id="d2-2677155037" maskUnits="userSpaceOnUse" x="-1" y="-1" width="288" height="366">
.d2-2677155037 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2677155037);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2677155037);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2677155037);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2677155037);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2677155037);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2677155037);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2677155037);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2677155037);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbg=="><g class="shape" ><path d="M 0 24 C 0 0 129 0 143 0 C 157 0 286 0 286 24 V 340 C 286 364 157 364 143 364 C 129 364 0 364 0 340 V 24 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 0 24 C 0 48 129 48 143 48 C 157 48 286 48 286 24" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="143.000000" y="81.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">container title is hidden</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5maXJzdA=="><g class="shape" ><rect x="95.000000" y="108.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="142.500000" y="146.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5zZWNvbmQ="><g class="shape" ><rect x="95.000000" y="214.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="142.500000" y="252.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><mask id="d2-2677155037" maskUnits="userSpaceOnUse" x="-1" y="-1" width="288" height="366">
<rect x="-1" y="-1" width="288" height="366" fill="white"></rect>
<rect x="5.000000" y="53.000000" width="276" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="127.500000" y="130.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/cylinder_grid_label/elk/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-3336004934 .color-AA4{color:#EDF0FD;}
.d2-3336004934 .color-AA5{color:#F7F8FE;}
.d2-3336004934 .color-AB4{color:#EDF0FD;}
.d2-3336004934 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbg=="><g class="shape" ><path d="M 12 36 C 12 12 141 12 155 12 C 169 12 298 12 298 36 V 352 C 298 376 169 376 155 376 C 141 376 12 376 12 352 V 36 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 12 36 C 12 60 141 60 155 60 C 169 60 298 60 298 36" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="155.000000" y="93.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">container title is hidden</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5maXJzdA=="><g class="shape" ><rect x="107.000000" y="120.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="154.500000" y="158.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5zZWNvbmQ="><g class="shape" ><rect x="107.000000" y="226.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="154.500000" y="264.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><mask id="d2-3336004934" maskUnits="userSpaceOnUse" x="11" y="11" width="288" height="366">
.d2-3336004934 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3336004934);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3336004934);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3336004934);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3336004934);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3336004934);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3336004934);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3336004934);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3336004934);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbg=="><g class="shape" ><path d="M 12 36 C 12 12 141 12 155 12 C 169 12 298 12 298 36 V 352 C 298 376 169 376 155 376 C 141 376 12 376 12 352 V 36 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 12 36 C 12 60 141 60 155 60 C 169 60 298 60 298 36" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="155.000000" y="93.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">container title is hidden</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5maXJzdA=="><g class="shape" ><rect x="107.000000" y="120.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="154.500000" y="158.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g class="Y29udGFpbmVyIHRpdGxlIGlzIGhpZGRlbi5zZWNvbmQ="><g class="shape" ><rect x="107.000000" y="226.000000" width="95.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="154.500000" y="264.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><mask id="d2-3336004934" maskUnits="userSpaceOnUse" x="11" y="11" width="288" height="366">
<rect x="11" y="11" width="288" height="366" fill="white"></rect>
<rect x="17.000000" y="65.000000" width="276" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="139.500000" y="142.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/dagre-disconnect/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
e2etests/testdata/regression/dagre-disconnect/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

2
e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

2
e2etests/testdata/regression/dagre_child_id_id/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
e2etests/testdata/regression/dagre_child_id_id/elk/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-2669386939 .color-AA4{color:#EDF0FD;}
.d2-2669386939 .color-AA5{color:#F7F8FE;}
.d2-2669386939 .color-AB4{color:#EDF0FD;}
.d2-2669386939 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aWQ="><g class="shape" ><rect x="12.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="41.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="eA=="><g class="shape" ><rect x="146.000000" y="62.000000" width="159.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="225.500000" y="95.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g class="eQ=="><g class="shape" ><rect x="385.000000" y="12.000000" width="264.000000" height="266.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="517.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g class="eC5pZA=="><g class="shape" ><rect x="196.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="225.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="eS56"><g class="shape" ><rect x="440.000000" y="62.000000" width="159.000000" height="166.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="519.500000" y="91.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:24px">z</text></g><g class="eS56Lmlk"><g class="shape" ><rect x="490.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="519.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="KGlkIC0mZ3Q7IHguaWQpWzBd"><marker id="mk-d2-2669386939-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 73.000000 145.000000 L 192.000000 145.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2669386939-3488378134)" mask="url(#d2-2669386939)" /></g><g class="KHguaWQgLSZndDsgeS56LmlkKVswXQ=="><path d="M 257.000000 145.000000 L 486.000000 145.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2669386939-3488378134)" mask="url(#d2-2669386939)" /></g><mask id="d2-2669386939" maskUnits="userSpaceOnUse" x="11" y="11" width="639" height="268">
.d2-2669386939 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2669386939);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2669386939);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2669386939);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2669386939);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2669386939);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2669386939);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2669386939);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2669386939);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aWQ="><g class="shape" ><rect x="12.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="41.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="eA=="><g class="shape" ><rect x="146.000000" y="62.000000" width="159.000000" height="166.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="225.500000" y="95.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g class="eQ=="><g class="shape" ><rect x="385.000000" y="12.000000" width="264.000000" height="266.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="517.000000" y="45.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">y</text></g><g class="eC5pZA=="><g class="shape" ><rect x="196.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="225.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="eS56"><g class="shape" ><rect x="440.000000" y="62.000000" width="159.000000" height="166.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="519.500000" y="91.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:24px">z</text></g><g class="eS56Lmlk"><g class="shape" ><rect x="490.000000" y="112.000000" width="59.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="519.500000" y="150.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">id</text></g><g class="KGlkIC0mZ3Q7IHguaWQpWzBd"><marker id="mk-d2-2669386939-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 73.000000 145.000000 L 192.000000 145.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2669386939-3488378134)" mask="url(#d2-2669386939)" /></g><g class="KHguaWQgLSZndDsgeS56LmlkKVswXQ=="><path d="M 257.000000 145.000000 L 486.000000 145.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2669386939-3488378134)" mask="url(#d2-2669386939)" /></g><mask id="d2-2669386939" maskUnits="userSpaceOnUse" x="11" y="11" width="639" height="268">
<rect x="11" y="11" width="639" height="268" fill="white"></rect>
<rect x="34.500000" y="134.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="219.000000" y="67.000000" width="13" height="36" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
e2etests/testdata/regression/dagre_disconnected_edge/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-3247473312 .color-AA4{color:#EDF0FD;}
.d2-3247473312 .color-AA5{color:#F7F8FE;}
.d2-3247473312 .color-AB4{color:#EDF0FD;}
.d2-3247473312 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="74.000000" y="0.000000" width="131.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F005-programmer.svg" x="154.000000" y="-51.000000" width="46" height="46" /><text x="139.500000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">program</text></g><g class="eQ=="><g class="shape" ><rect x="81.000000" y="192.000000" width="118.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2Fprofits.svg" x="30.000000" y="215.000000" width="46" height="46" /><text x="170.500000" y="274.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">profits</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3247473312-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 139.500000 94.000000 C 139.500000 132.000000 139.500000 152.000000 139.500000 188.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3247473312-3488378134)" mask="url(#d2-3247473312)" /></g><mask id="d2-3247473312" maskUnits="userSpaceOnUse" x="30" y="-51" width="176" height="336">
.d2-3247473312 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3247473312);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3247473312);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3247473312);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3247473312);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3247473312);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3247473312);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3247473312);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3247473312);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="74.000000" y="0.000000" width="131.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F005-programmer.svg" x="154.000000" y="-51.000000" width="46" height="46" /><text x="139.500000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">program</text></g><g class="eQ=="><g class="shape" ><rect x="81.000000" y="192.000000" width="118.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2Fprofits.svg" x="30.000000" y="215.000000" width="46" height="46" /><text x="170.500000" y="274.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">profits</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3247473312-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 139.500000 94.000000 C 139.500000 132.000000 139.500000 152.000000 139.500000 188.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3247473312-3488378134)" mask="url(#d2-3247473312)" /></g><mask id="d2-3247473312" maskUnits="userSpaceOnUse" x="30" y="-51" width="176" height="336">
<rect x="30" y="-51" width="176" height="336" fill="white"></rect>
<rect x="109.500000" y="5.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="147.000000" y="258.000000" width="47" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests/testdata/regression/dagre_disconnected_edge/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-185978062 .color-AA4{color:#EDF0FD;}
.d2-185978062 .color-AA5{color:#F7F8FE;}
.d2-185978062 .color-AB4{color:#EDF0FD;}
.d2-185978062 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="37.000000" y="76.000000" width="131.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F005-programmer.svg" x="104.000000" y="12.000000" width="59" height="59" /><text x="102.500000" y="97.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">program</text></g><g class="eQ=="><g class="shape" ><rect x="76.000000" y="264.000000" width="118.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2Fprofits.svg" x="12.000000" y="293.500000" width="59" height="59" /><text x="165.500000" y="372.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">profits</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-185978062-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 103.000000 196.000000 L 103.000000 260.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-185978062-3488378134)" mask="url(#d2-185978062)" /></g><mask id="d2-185978062" maskUnits="userSpaceOnUse" x="12" y="12" width="183" height="371">
.d2-185978062 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-185978062);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-185978062);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-185978062);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-185978062);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-185978062);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-185978062);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-185978062);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-185978062);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="37.000000" y="76.000000" width="131.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2F005-programmer.svg" x="104.000000" y="12.000000" width="59" height="59" /><text x="102.500000" y="97.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">program</text></g><g class="eQ=="><g class="shape" ><rect x="76.000000" y="264.000000" width="118.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/essentials%2Fprofits.svg" x="12.000000" y="293.500000" width="59" height="59" /><text x="165.500000" y="372.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">profits</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-185978062-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 103.000000 196.000000 L 103.000000 260.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-185978062-3488378134)" mask="url(#d2-185978062)" /></g><mask id="d2-185978062" maskUnits="userSpaceOnUse" x="12" y="12" width="183" height="371">
<rect x="12" y="12" width="183" height="371" fill="white"></rect>
<rect x="72.500000" y="81.000000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="142.000000" y="356.000000" width="47" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

2
e2etests/testdata/regression/dagre_edge_label_spacing/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Some files were not shown because too many files have changed in this diff Show more