Update index.html

index.html

@@ -16,6 +16,10 @@ body{
   margin:40px auto;
   padding:45px;
 }
+
+.mermaid svg {
+  max-width: 100%;
+}
 </style>
 
 </head>
@@ -28,7 +32,18 @@ body{
 <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
 
 <script>
-mermaid.initialize({ startOnLoad:false });
+mermaid.initialize({
+  startOnLoad:false,
+  theme:"dark",
+  themeVariables:{
+    background:"#0d1117",
+    primaryColor:"#1f6feb",
+    primaryTextColor:"#c9d1d9",
+    lineColor:"#8b949e",
+    secondaryColor:"#161b22",
+    tertiaryColor:"#21262d"
+  }
+});
 
 fetch("./deep-research-report.md")   // same HF space
 .then(r => r.text())