diff --git a/doc/_static/css/custom.css b/doc/_static/css/custom.css
index 3713d09ea0870..4f6fef8b67a59 100644
--- a/doc/_static/css/custom.css
+++ b/doc/_static/css/custom.css
@@ -921,6 +921,10 @@ dark-mode-toggle::part(toggleLabel){
   font-size: unset;
 }
 
+div.graphviz > object {
+    filter: var(--graphviz-filter);
+}
+
 /* Home page grid display */
 .grid {
     list-style-type: none !important;
diff --git a/doc/_static/css/dark.css b/doc/_static/css/dark.css
index 47d555242f6a8..bb1c20c0b5cdd 100644
--- a/doc/_static/css/dark.css
+++ b/doc/_static/css/dark.css
@@ -93,4 +93,6 @@
     --btn-neutral-background-color: #404040;
     --btn-neutral-hover-background-color: #505050;
     --footer-color: #aaa;
+
+    --graphviz-filter: invert(0.9) brightness(1.2);
 }
diff --git a/doc/_static/css/light.css b/doc/_static/css/light.css
index 0389650278c7c..757ec6f1e1b0c 100644
--- a/doc/_static/css/light.css
+++ b/doc/_static/css/light.css
@@ -91,4 +91,6 @@
     --btn-neutral-background-color: #f3f6f6;
     --btn-neutral-hover-background-color: #e5ebeb;
     --footer-color: #808080;
+
+    --graphviz-filter: none;
 }