apply css to the svg to support dark theme

Author: rhansen

Doc/c-api/lifecycle.dot

@@ -1,9 +1,11 @@
-digraph G {
+digraph "Life Events" {
    graph [
      fontname="svg"
      fontsize=10.0
+     id="life_events_graph"
      layout="dot"
      ranksep=0.25
+     stylesheet="lifecycle.dot.css"
    ]
    node [
      fontname="Courier"

Doc/c-api/lifecycle.dot.css

@@ -0,0 +1,41 @@
+#life_events_graph {
+  /*
+   * Unfortunately these colors don't seem to be exposed in any of the theme's
+   * variables, so they are manually copied here.
+   */
+  --svg-light-fgcolor: black;
+  --svg-light-bgcolor: white;
+  --svg-dark-fgcolor: rgba(255, 255, 255, 0.87);
+  --svg-dark-bgcolor: #222;
+  --svg-fgcolor: var(--svg-light-fgcolor);
+  --svg-bgcolor: var(--svg-light-bgcolor);
+}
+@media (prefers-color-scheme: dark) {
+  #life_events_graph {
+    --svg-fgcolor: var(--svg-dark-fgcolor);
+    --svg-bgcolor: var(--svg-dark-bgcolor);
+  }
+}
+@media (prefers-color-scheme: light) {
+  #life_events_graph {
+    --svg-fgcolor: var(--svg-light-fgcolor);
+    --svg-bgcolor: var(--svg-light-bgcolor);
+  }
+}
+:root:has(#pydoctheme_dark_css[media="not all"]) #life_events_graph {
+  --svg-fgcolor: var(--svg-light-fgcolor);
+  --svg-bgcolor: var(--svg-light-bgcolor);
+}
+:root:has(#pydoctheme_dark_css[media="all"]) #life_events_graph {
+  --svg-fgcolor: var(--svg-dark-fgcolor);
+  --svg-bgcolor: var(--svg-dark-bgcolor);
+}
+#life_events_graph [stroke="black"] {
+  stroke: var(--svg-fgcolor);
+}
+#life_events_graph :is(text, [fill="black"]) {
+  fill: var(--svg-fgcolor);
+}
+#life_events_graph :is([fill="white"]) {
+  fill: var(--svg-bgcolor);
+}

Doc/c-api/lifecycle.dot.svg

@@ -13,6 +13,17 @@ object's life [1]_.  An arrow from *A* to *B* indicates that event *B* can
 occur after event *A* has occurred, with the arrow's label indicating the
 condition that must be true for *B* to occur after *A*.
 
+.. raw:: html
+
+   <style type="text/css">
+
+.. raw:: html
+   :file: lifecycle.dot.css
+
+.. raw:: html
+
+   </style>
+
 .. raw:: html
    :file: lifecycle.dot.svg