Visualize respect-theme using github themes

zetanumbers · zetanumbers · commit fc3a6049f539 · 2025-02-11T19:12:17.000+03:00
diff --git a/Readme.md b/Readme.md
@@ -90,9 +90,21 @@ or
 MDBOOK_preprocessor__graphviz__respect_theme="true" mdbook build
 ```
 
-and this is what you get in the Navy theme:
+### Rendered
 
-![](respect_theme_sample.svg)
+<details>
+<summary> Default dark </summary>
+
+![](respect_theme_gh_default_dark_sample.svg)
+
+</details>
+
+<details>
+<summary> Dimmed dark </summary>
+
+![](respect_theme_gh_dimmed_dark_sample.svg)
+
+</details>
 
 Warning: this flag is not yet supported with `output-to-file` set.
 
diff --git a/respect_theme_gh_default_dark_sample.svg b/respect_theme_gh_default_dark_sample.svg
@@ -8,30 +8,30 @@
  viewBox="0.00 0.00 123.69 116.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
 <title>G</title>
-<polygon fill="hsl(226, 23%, 11%)" stroke="transparent" points="-4,4 -4,-112 119.69,-112 119.69,4 -4,4"/>
+<polygon fill="#0d1117" stroke="transparent" points="-4,4 -4,-112 119.69,-112 119.69,4 -4,4"/>
 <!-- processed -->
 <g id="node1" class="node">
 <title>processed</title>
-<ellipse fill="none" stroke="#bcbdd0" cx="57.84" cy="-90" rx="57.69" ry="18"/>
-<text fill="#bcbdd0" text-anchor="middle" x="57.84" y="-86.3" font-family="Times,serif" font-size="14.00">processed</text>
+<ellipse fill="none" stroke="#f0f6fc" cx="57.84" cy="-90" rx="57.69" ry="18"/>
+<text fill="#f0f6fc" text-anchor="middle" x="57.84" y="-86.3" font-family="Times,serif" font-size="14.00">processed</text>
 </g>
 <!-- block -->
 <g id="node2" class="node">
 <title>block</title>
-<ellipse fill="none" stroke="#bcbdd0" cx="57.84" cy="-18" rx="35.19" ry="18"/>
-<text fill="#bcbdd0" text-anchor="middle" x="57.84" y="-14.3" font-family="Times,serif" font-size="14.00">block</text>
+<ellipse fill="none" stroke="#f0f6fc" cx="57.84" cy="-18" rx="35.19" ry="18"/>
+<text fill="#f0f6fc" text-anchor="middle" x="57.84" y="-14.3" font-family="Times,serif" font-size="14.00">block</text>
 </g>
 <!-- processed&#45;&gt;block -->
 <g id="edge1" class="edge">
 <title>processed&#45;&gt;block</title>
-<path fill="none" stroke="#bcbdd0" d="M51.97,-72.05C51.14,-64.23 50.9,-54.75 51.26,-45.98"/>
-<polygon fill="#bcbdd0" stroke="#bcbdd0" points="54.76,-46.01 51.98,-35.79 47.78,-45.51 54.76,-46.01"/>
+<path fill="none" stroke="#f0f6fc" d="M51.97,-72.05C51.14,-64.23 50.9,-54.75 51.26,-45.98"/>
+<polygon fill="#f0f6fc" stroke="#f0f6fc" points="54.76,-46.01 51.98,-35.79 47.78,-45.51 54.76,-46.01"/>
 </g>
 <!-- block&#45;&gt;processed -->
 <g id="edge2" class="edge">
 <title>block&#45;&gt;processed</title>
-<path fill="none" stroke="#bcbdd0" d="M63.71,-35.79C64.54,-43.59 64.79,-53.07 64.44,-61.85"/>
-<polygon fill="#bcbdd0" stroke="#bcbdd0" points="60.93,-61.83 63.72,-72.05 67.92,-62.33 60.93,-61.83"/>
+<path fill="none" stroke="#f0f6fc" d="M63.71,-35.79C64.54,-43.59 64.79,-53.07 64.44,-61.85"/>
+<polygon fill="#f0f6fc" stroke="#f0f6fc" points="60.93,-61.83 63.72,-72.05 67.92,-62.33 60.93,-61.83"/>
 </g>
 </g>
 </svg>
diff --git a/respect_theme_gh_dimmed_dark_sample.svg b/respect_theme_gh_dimmed_dark_sample.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.43.0 (0)
+ -->
+<!-- Title: G Pages: 1 -->
+<svg width="124pt" height="116pt"
+ viewBox="0.00 0.00 123.69 116.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
+<title>G</title>
+<polygon fill="#212830" stroke="transparent" points="-4,4 -4,-112 119.69,-112 119.69,4 -4,4"/>
+<!-- processed -->
+<g id="node1" class="node">
+<title>processed</title>
+<ellipse fill="none" stroke="#d1d7e0" cx="57.84" cy="-90" rx="57.69" ry="18"/>
+<text fill="#d1d7e0" text-anchor="middle" x="57.84" y="-86.3" font-family="Times,serif" font-size="14.00">processed</text>
+</g>
+<!-- block -->
+<g id="node2" class="node">
+<title>block</title>
+<ellipse fill="none" stroke="#d1d7e0" cx="57.84" cy="-18" rx="35.19" ry="18"/>
+<text fill="#d1d7e0" text-anchor="middle" x="57.84" y="-14.3" font-family="Times,serif" font-size="14.00">block</text>
+</g>
+<!-- processed&#45;&gt;block -->
+<g id="edge1" class="edge">
+<title>processed&#45;&gt;block</title>
+<path fill="none" stroke="#d1d7e0" d="M51.97,-72.05C51.14,-64.23 50.9,-54.75 51.26,-45.98"/>
+<polygon fill="#d1d7e0" stroke="#d1d7e0" points="54.76,-46.01 51.98,-35.79 47.78,-45.51 54.76,-46.01"/>
+</g>
+<!-- block&#45;&gt;processed -->
+<g id="edge2" class="edge">
+<title>block&#45;&gt;processed</title>
+<path fill="none" stroke="#d1d7e0" d="M63.71,-35.79C64.54,-43.59 64.79,-53.07 64.44,-61.85"/>
+<polygon fill="#d1d7e0" stroke="#d1d7e0" points="60.93,-61.83 63.72,-72.05 67.92,-62.33 60.93,-61.83"/>
+</g>
+</g>
+</svg>
+
