d2/d2renderers/d2svg/dark_theme/testdata/all_shapes/dark_theme.exp.svg

<?xml version="1.0" encoding="utf-8"?><svg id="d2-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1410" height="712" viewBox="-102 -102 1410 712"><rect x="-102.000000" y="-102.000000" width="1410.000000" height="712.000000" class=" fill-N7" /><style type="text/css"><![CDATA[
.text-bold {
	font-family: "font-bold";
}
@font-face {
	font-family: font-bold;
	src: url("data:application/font-woff;base64,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
}]]></style><style type="text/css"><![CDATA[.shape {
  shape-rendering: geometricPrecision;
  stroke-linejoin: round;
}
.connection {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.blend {
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.fill-N1{fill:#CDD6F4;}.fill-N2{fill:#BAC2DE;}.fill-N3{fill:#A6ADC8;}.fill-N4{fill:#585B70;}.fill-N5{fill:#45475A;}.fill-N6{fill:#313244;}.fill-N7{fill:#1E1E2E;}.fill-B1{fill:#CBA6f7;}.fill-B2{fill:#CBA6f7;}.fill-B3{fill:#6C7086;}.fill-B4{fill:#585B70;}.fill-B5{fill:#45475A;}.fill-B6{fill:#313244;}.fill-AA2{fill:#f38BA8;}.fill-AA4{fill:#45475A;}.fill-AA5{fill:#313244;}.fill-AB4{fill:#45475A;}.fill-AB5{fill:#313244;}.stroke-N1{stroke:#CDD6F4;}.stroke-N2{stroke:#BAC2DE;}.stroke-N3{stroke:#A6ADC8;}.stroke-N4{stroke:#585B70;}.stroke-N5{stroke:#45475A;}.stroke-N6{stroke:#313244;}.stroke-N7{stroke:#1E1E2E;}.stroke-B1{stroke:#CBA6f7;}.stroke-B2{stroke:#CBA6f7;}.stroke-B3{stroke:#6C7086;}.stroke-B4{stroke:#585B70;}.stroke-B5{stroke:#45475A;}.stroke-B6{stroke:#313244;}.stroke-AA2{stroke:#f38BA8;}.stroke-AA4{stroke:#45475A;}.stroke-AA5{stroke:#313244;}.stroke-AB4{stroke:#45475A;}.stroke-AB5{stroke:#313244;}.background-color-N1{background-color:#CDD6F4;}.background-color-N2{background-color:#BAC2DE;}.background-color-N3{background-color:#A6ADC8;}.background-color-N4{background-color:#585B70;}.background-color-N5{background-color:#45475A;}.background-color-N6{background-color:#313244;}.background-color-N7{background-color:#1E1E2E;}.background-color-B1{background-color:#CBA6f7;}.background-color-B2{background-color:#CBA6f7;}.background-color-B3{background-color:#6C7086;}.background-color-B4{background-color:#585B70;}.background-color-B5{background-color:#45475A;}.background-color-B6{background-color:#313244;}.background-color-AA2{background-color:#f38BA8;}.background-color-AA4{background-color:#45475A;}.background-color-AA5{background-color:#313244;}.background-color-AB4{background-color:#45475A;}.background-color-AB5{background-color:#313244;}.color-N1{color:#CDD6F4;}.color-N2{color:#BAC2DE;}.color-N3{color:#A6ADC8;}.color-N4{color:#585B70;}.color-N5{color:#45475A;}.color-N6{color:#313244;}.color-N7{color:#1E1E2E;}.color-B1{color:#CBA6f7;}.color-B2{color:#CBA6f7;}.color-B3{color:#6C7086;}.color-B4{color:#585B70;}.color-B5{color:#45475A;}.color-B6{color:#313244;}.color-AA2{color:#f38BA8;}.color-AA4{color:#45475A;}.color-AA5{color:#313244;}.color-AB4{color:#45475A;}.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-AB4{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}]]></style><script type="application/javascript"><![CDATA[window.addEventListener("DOMContentLoaded", () => {
  if (document.documentElement.getAttribute("id") !== "d2-svg") {
    return;
  }
  const svgEl = document.documentElement;
  let width = parseInt(svgEl.getAttribute("width"), 10);
  let height = parseInt(svgEl.getAttribute("height"), 10);
  let ratio;
  if (width > height) {
    if (width > window.innerWidth) {
      ratio = window.innerWidth / width;
    }
  } else if (height > window.innerHeight) {
    ratio = window.innerHeight / height;
  }
  if (ratio) {
    svgEl.setAttribute("width", width * ratio - 16);
    svgEl.setAttribute("height", height * ratio - 16);
  }
});
]]></script><g id="rectangle"><g class="shape" ><rect x="0.000000" y="13.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="60.000000" y="51.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g id="square"><g class="shape" ><rect x="11.000000" y="192.000000" width="98.000000" height="98.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="60.000000" y="246.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g id="page"><g class="shape" ><path d="M 20 406 H 80 C 81 406 82 406 83 407 L 100 423 C 101 424 101 425 101 426 V 493 C 101 493 101 493 101 493 H 19 C 19 493 19 493 19 493 V 407 C 19 406 19 406 20 406 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 100 493 H 20 C 19 493 19 493 19 492 V 407 C 19 406 19 406 20 406 H 79 C 80 406 80 406 80 407 V 424 C 80 425 81 426 82 426 H 100 C 101 426 101 426 101 427 V 492 C 100 493 101 493 100 493 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="60.000000" y="455.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text></g><g id="parallelogram"><g class="shape" ><path d="M 206 13 L 384 13 L 358 79 L 180 79 L 180 79 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="282.000000" y="51.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g><g id="document"><g class="shape" ><path d="M 219 268 L 219 203 L 346 203 L 346 268 C 325 254 304 254 283 268 C 261 283 240 283 219 268 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="282.500000" y="236.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></g><g id="cylinder"><g class="shape" ><path d="M 227 414 C 227 390 277 390 282 390 C 288 390 337 390 337 414 V 484 C 337 508 288 508 282 508 C 277 508 227 508 227 484 V 414 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 227 414 C 227 438 277 438 282 438 C 288 438 337 438 337 414" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="282.000000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text></g><g id="queue"><g class="shape" ><path d="M 468 13 H 565 C 589 13 589 43 589 46 C 589 49 589 79 565 79 H 468 C 444 79 444 49 444 46 C 444 43 444 13 468 13 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 565 13 C 541 13 541 43 541 46 C 541 49 541 79 565 79" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="504.500000" y="51.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text></g><g id="package"><g class="shape" ><path d="M 461 205 L 517 205 L 517 220 L 572 220 L 572 278 L 461 278 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="516.500000" y="254.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text></g><g id="step"><g class="shape" ><path d="M 457 399 L 542 399 L 577 450 L 542 500 L 457 500 L 492 450 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="517.000000" y="455.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text></g><g id="callout"><g class="shape" ><path d="M 673 1 V 47 H 724 V 92 L 754 47 H 775 V 1 H 673 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="724.000000" y="29.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g><g id="stored_data"><g class="shape" ><path d="M 655 208 H 808 C 804 208 793 226 793 241 C 793 256 804 274 808 274 H 655 C 651 274 640 256 640 241 C 640 226 651 208 655 208 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="724.000000" y="246.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></g><g id="person"><g class="shape" ><path d="M 811 507 H 637 V 505 C 637 485 656 467 686 459 C 670 452 660 441 660 429 C 660 408 688 391 724 391 C 759 3
<rect x="-102" y="-102" width="1410" height="712" fill="white"></rect>

</mask></svg>