src/dagre-wrapper/clusters.js

@@ -10,7 +10,7 @@ const rect = (parent, node) => {
   // Add outer g element
   const shapeSvg = parent
     .insert('g')
-    .attr('class', 'cluster')
+    .attr('class', 'cluster' + (node.class ? ' ' + node.class : ''))
     .attr('id', node.id);
 
   // add the rect

src/dagre-wrapper/createLabel.js

@@ -86,7 +86,8 @@ const createLabel = (_vertexText, style, isTitle, isNode) => {
       label: vertexText.replace(
         /fa[lrsb]?:fa-[\w-]+/g,
         s => `<i class='${s.replace(':', ' ')}'></i>`
-      )
+      ),
+      labelStyle: style.replace('fill:', 'color:')
     };
     let vertexNode = addHtmlLabel(node);
     // vertexNode.parentNode.removeChild(vertexNode);

src/dagre-wrapper/edges.js

@@ -387,7 +387,8 @@ export const insertEdge = function(elem, e, edge, clusterDb, diagramType, graph)
     .append('path')
     .attr('d', lineFunction(lineData))
     .attr('id', edge.id)
-    .attr('class', ' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : ''));
+    .attr('class', ' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : ''))
+    .attr('style', edge.style);
 
   // DEBUG code, adds a red circle at each edge coordinate
   // edge.points.forEach(point => {