From 46a134c62991e774aa5e5169cfe8db97caf0d00f Mon Sep 17 00:00:00 2001
From: Fabian Rodriguez <fabian.rodriguez@konghq.com>
Date: Mon, 23 Sep 2024 16:42:50 +0200
Subject: [PATCH] Add quick styles to mermaid.js diagrams

---
 app/_assets/stylesheets/index.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/app/_assets/stylesheets/index.css b/app/_assets/stylesheets/index.css
index 402ddf9d..2e2bb0e5 100644
--- a/app/_assets/stylesheets/index.css
+++ b/app/_assets/stylesheets/index.css
@@ -283,4 +283,27 @@
     }
   }
 
+  .mermaid svg {
+    @apply m-auto;
+
+    p, span {
+      @apply text-primary !important;
+    }
+
+    rect, circle, ellipse, polygon {
+      @apply fill-transparent stroke-[rgb(var(--color-brand))] !important;
+    }
+
+    .label-container {
+      @apply fill-[rgb(var(--color-bg-secondary))] !important;
+    }
+
+    .edgeLabel {
+      @apply bg-primary !important;
+    }
+
+    path {
+      @apply fill-[rgb(var(--color-brand))] stroke-[rgb(var(--color-brand))] stroke-1 !important
+    }
+  }
 }
\ No newline at end of file