From 33e5694a75c4e7c49722f0d2a779f6d73d76fd83 Mon Sep 17 00:00:00 2001
From: Saurabh Gore <saurabh@mermaidchart.com>
Date: Fri, 14 Feb 2025 16:32:59 +0530
Subject: [PATCH] update styles so that proper fill is applied to icons

---
 packages/mermaid/src/diagrams/block/styles.ts        | 5 +++++
 packages/mermaid/src/diagrams/class/styles.js        | 5 +++++
 packages/mermaid/src/diagrams/flowchart/styles.ts    | 5 +++++
 packages/mermaid/src/diagrams/kanban/styles.ts       | 5 +++++
 packages/mermaid/src/diagrams/user-journey/styles.js | 5 +++++
 5 files changed, 25 insertions(+)

diff --git a/packages/mermaid/src/diagrams/block/styles.ts b/packages/mermaid/src/diagrams/block/styles.ts
index bdc7614a1..38f44ae9d 100644
--- a/packages/mermaid/src/diagrams/block/styles.ts
+++ b/packages/mermaid/src/diagrams/block/styles.ts
@@ -142,6 +142,11 @@ const getStyles = (options: BlockChartStyleOptions) =>
     font-size: 18px;
     fill: ${options.textColor};
   }
+  .node .svg-inline--fa path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
 `;
 
 export default getStyles;
diff --git a/packages/mermaid/src/diagrams/class/styles.js b/packages/mermaid/src/diagrams/class/styles.js
index 4a888a265..a2ca1f9dd 100644
--- a/packages/mermaid/src/diagrams/class/styles.js
+++ b/packages/mermaid/src/diagrams/class/styles.js
@@ -157,6 +157,11 @@ g.classGroup line {
   font-size: 18px;
   fill: ${options.textColor};
 }
+.node .svg-inline--fa path {
+  fill: currentColor;
+  stroke: revert;
+  stroke-width: revert;
+}
 `;
 
 export default getStyles;
diff --git a/packages/mermaid/src/diagrams/flowchart/styles.ts b/packages/mermaid/src/diagrams/flowchart/styles.ts
index ade9613fb..878b97b18 100644
--- a/packages/mermaid/src/diagrams/flowchart/styles.ts
+++ b/packages/mermaid/src/diagrams/flowchart/styles.ts
@@ -177,6 +177,11 @@ const getStyles = (options: FlowChartStyleOptions) =>
     }
     text-align: center;
   }
+  .node .svg-inline--fa path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
 `;
 
 export default getStyles;
diff --git a/packages/mermaid/src/diagrams/kanban/styles.ts b/packages/mermaid/src/diagrams/kanban/styles.ts
index 8b40224b2..7150b3cdc 100644
--- a/packages/mermaid/src/diagrams/kanban/styles.ts
+++ b/packages/mermaid/src/diagrams/kanban/styles.ts
@@ -105,5 +105,10 @@ const getStyles: DiagramStylesProvider = (options) =>
     dominant-baseline: middle;
     text-align: center;
   }
+  .node .svg-inline--fa path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
 `;
 export default getStyles;
diff --git a/packages/mermaid/src/diagrams/user-journey/styles.js b/packages/mermaid/src/diagrams/user-journey/styles.js
index a0528294f..0ef15c375 100644
--- a/packages/mermaid/src/diagrams/user-journey/styles.js
+++ b/packages/mermaid/src/diagrams/user-journey/styles.js
@@ -131,6 +131,11 @@ const getStyles = (options) =>
   .actor-5 {
     ${options.actor5 ? `fill: ${options.actor5}` : ''};
   }
+  .node .svg-inline--fa path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
 `;
 
 export default getStyles;