Inheritance Diagram Dark Mode Support

Apply CSS filtering to have the inheritance diagram conform to dark mode.
pydata · May 27, 2024 · 24f7cf2 · 24f7cf2
1 parent 541950a
commit 24f7cf2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_graphviz.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_graphviz.scss
@@ -0,0 +1,7 @@
+/* Styles for graphviz generated output from Sphinx */
+
+/* Style the inheritance diagram such that it has a dark mode */
+html[data-theme="dark"] div.graphviz>object.inheritance {
+    filter: brightness(0.8) invert(0.82) contrast(1.2);
+    color-scheme: normal;
+}
diff --git a/src/pydata_sphinx_theme/assets/styles/pydata-sphinx-theme.scss b/src/pydata_sphinx_theme/assets/styles/pydata-sphinx-theme.scss
@@ -68,6 +68,7 @@
 @import "./extensions/copybutton";
 @import "./extensions/ethical-ads";
 @import "./extensions/execution";
+@import "./extensions/graphviz";
 @import "./extensions/pydata";
 @import "./extensions/sphinx_design";
 @import "./extensions/togglebutton";