%%{init: { 'logLevel': 0, 'theme': 'forest'} }%%
graph TD
A(Start) --> B[/Another/]
@@ -79,7 +79,7 @@ graph TD
C
end
+
%%{init: {'theme': 'base' }}%%
%%{init2: { 'logLevel': 0, 'theme': 'forest'} }%%
flowchart TD
@@ -95,7 +95,7 @@ flowchart TD
C ======> E5
- graph TB
+ flowchart TB
A
B
subgraph foo[Foo SubGraph]
@@ -124,6 +124,13 @@ flowchart TD
style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue
+ flowchart TB
+ subgraph bar[Bar]
+ F
+ end
+ style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue
+
+
%%{init:{"theme":"base", "themeVariables": {"primaryColor":"#411d4e", "titleColor":"white", "darkMode":true}}}%%
flowchart LR
subgraph A
diff --git a/src/dagre-wrapper/createLabel.js b/src/dagre-wrapper/createLabel.js
index 688563db8..a393c73f2 100644
--- a/src/dagre-wrapper/createLabel.js
+++ b/src/dagre-wrapper/createLabel.js
@@ -65,7 +65,15 @@ function addHtmlLabel(node) {
const label = node.label;
const labelClass = node.isNode ? 'nodeLabel' : 'edgeLabel';
- div.html('' + label + '');
+ div.html(
+ '' +
+ label +
+ ''
+ );
applyStyle(div, node.labelStyle);
div.style('display', 'inline-block');