#5232 Enabling handdrawn mode

cypress/platform/knsv2.html

@@ -32,7 +32,7 @@
     <style>
       body {
         /* background: rgb(221, 208, 208); */
-        background: #333;
+        /* background: #333; */
         font-family: 'Arial';
         /* color: white; */
         /* font-size: 18px !important; */
@@ -127,9 +127,10 @@ kanban
       };
       mermaid.initialize({
         // theme: 'base',
-        theme: 'default',
+        // theme: 'default',
+        // theme: 'forest',
         // handDrawnSeed: 12,
-        look: 'handDrawn',
+        // look: 'handDrawn',
         // 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX',
         // layout: 'dagre',
         // layout: 'elk',

packages/mermaid/src/diagrams/kanban/kanbanDb.ts

@@ -66,6 +66,7 @@ const getData = function () {
       ticket: section.ticket,
       shape: 'kanbanSection',
       level: section.level,
+      look: conf.look,
     } satisfies KanbanNode;
     _nodes.push(node);
     const children = nodes.filter((n) => n.parentId === section.id);

packages/mermaid/src/diagrams/kanban/styles.ts

@@ -24,6 +24,8 @@ const genSections: DiagramStylesProvider = (options) => {
       i - 1
     } polygon, .section-${i - 1} path  {
       fill: ${adjuster(options['cScale' + i], 10)};
+      stroke: ${adjuster(options['cScale' + i], 10)};
+
     }
     .section-${i - 1} text {
      fill: ${options['cScaleLabel' + i]};

packages/mermaid/src/rendering-util/rendering-elements/clusters.js

@@ -339,7 +339,7 @@ const kanbanSection = async (parent, node) => {
       fill: clusterBkg,
       // fill: 'red',
       stroke: clusterBorder,
-      fillWeight: 3,
+      fillWeight: 4,
       seed: handDrawnSeed,
     });
     const roughNode = rc.path(createRoundedRectPathD(x, y, width, height, node.rx), options);