diff --git a/docs/diagrams/index.md b/docs/diagrams/index.md
index 57c6fc8..1b3b206 100644
--- a/docs/diagrams/index.md
+++ b/docs/diagrams/index.md
@@ -6,6 +6,19 @@ layout: home
 title: Plankton ML - workflow diagrams
 ---
 
+<!-- workaround to make diagrams responsive to dark mode -->
+<style type="text/css">
+svg { fill: currentColor }
+
+path {
+    fill: black;
+}
+
+@media (prefers-color-scheme: dark) {
+    path { fill: white; }
+}
+</style>
+
 # Workflow Diagrams