fix: Markdown strings break colour styling mermaid-js#4957

Muhammad-Tayyab-Bhutto · Oct 20, 2023 · cf49ec0 · cf49ec0
1 parent 33a5fc4
commit cf49ec0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/cypress/integration/rendering/flowchart-elk.spec.js b/cypress/integration/rendering/flowchart-elk.spec.js
@@ -340,7 +340,7 @@ flowchart-elk TB
     flowchart-elk LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
       `,
       { htmlLabels: true, flowchart: { htmlLabels: true }, securityLevel: 'loose' }
     );
@@ -707,7 +707,7 @@ flowchart-elk LR
     A:::someclass --> B["\`The **cat** in the hat\`"]:::someclass
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
     classDef someclass fill:#f96
 `,
           { flowchart: { titleTopMargin: 0 } }
@@ -779,7 +779,7 @@ flowchart-elk LR
     A:::someclass --> B["\`The **cat** in the hat\`"]:::someclass
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
     classDef someclass fill:#f96
 `,
           { flowchart: { titleTopMargin: 0 } }

diff --git a/cypress/integration/rendering/flowchart-v2.spec.js b/cypress/integration/rendering/flowchart-v2.spec.js
@@ -330,7 +330,7 @@ flowchart TB
     flowchart LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
       `,
       { htmlLabels: true, flowchart: { htmlLabels: true }, securityLevel: 'loose' }
     );
@@ -738,7 +738,7 @@ flowchart LR
     A:::someclass --> B["\`The **cat** in the hat\`"]:::someclass
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
     classDef someclass fill:#f96
 `,
           { flowchart: { titleTopMargin: 0 } }
@@ -810,7 +810,7 @@ flowchart LR
     A:::someclass --> B["\`The **cat** in the hat\`"]:::someclass
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
     classDef someclass fill:#f96
 `,
           { flowchart: { titleTopMargin: 0 } }

diff --git a/cypress/integration/rendering/flowchart.spec.js b/cypress/integration/rendering/flowchart.spec.js
@@ -780,7 +780,7 @@ describe('Graph', () => {
     graph LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
       `,
       { htmlLabels: true, flowchart: { htmlLabels: true }, securityLevel: 'loose' }
     );

diff --git a/docs/syntax/flowchart.md b/docs/syntax/flowchart.md
@@ -988,14 +988,14 @@ It is possible to apply specific styles such as a thicker border or a different
 flowchart LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
 ```
 
 ```mermaid
 flowchart LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
-    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#000000,stroke-dasharray: 5 5
 ```
 
 #### Classes