Merge pull request #68 from python-project-templates/tkp/mer

Default background color in mermaid diagrams in dark mode

Author: timkpaine

yardang/custom.css

@@ -44,3 +44,22 @@ body[data-theme="dark"] .logo-dark {
         display: none;
     }
 }
+
+
+/* Handle mermaid diagrams in dark mode */
+body[data-theme="light"] div.mermaid-container {
+    background-color: unset;
+}
+body[data-theme="dark"] div.mermaid-container {
+    background-color: whitesmoke;
+}
+@media (prefers-color-scheme: dark) {
+    div.mermaid-container {
+        background-color: whitesmoke;
+    }
+}
+@media (prefers-color-scheme: light) {
+    div.mermaid-container {
+        background-color: unset;
+    }
+}