d2/d2renderers/d2svg/dark_theme/testdata/basic/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="259" height="436" viewBox="-102 -102 259 436"><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><rect x="-102.000000" y="-102.000000" width="259.000000" height="436.000000" class=" fill-N7" /><g id="a"><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="55.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-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" 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" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#1546762055)" /></g><mask id="1546762055" maskUnits="userSpaceOnUse" x="-102" y="-102" width="259" height="436">
<rect x="-102" y="-102" width="259" height="436" fill="white"></rect>

</mask></svg>