From 0af08276d29c1e735c12e54c259837d37b4692d9 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knsv@sveido.com>
Date: Mon, 28 Oct 2024 12:53:03 +0100
Subject: [PATCH] #5232 Enabling handdrawn mode

---
 cypress/platform/knsv2.html                                | 7 ++++---
 packages/mermaid/src/diagrams/kanban/kanbanDb.ts           | 1 +
 packages/mermaid/src/diagrams/kanban/styles.ts             | 2 ++
 .../src/rendering-util/rendering-elements/clusters.js      | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/cypress/platform/knsv2.html b/cypress/platform/knsv2.html
index 5691b7158..1de071283 100644
--- a/cypress/platform/knsv2.html
+++ b/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',
diff --git a/packages/mermaid/src/diagrams/kanban/kanbanDb.ts b/packages/mermaid/src/diagrams/kanban/kanbanDb.ts
index ecd45043f..e6f57ef79 100644
--- a/packages/mermaid/src/diagrams/kanban/kanbanDb.ts
+++ b/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);
diff --git a/packages/mermaid/src/diagrams/kanban/styles.ts b/packages/mermaid/src/diagrams/kanban/styles.ts
index 9d18e471c..8b40224b2 100644
--- a/packages/mermaid/src/diagrams/kanban/styles.ts
+++ b/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]};
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/clusters.js b/packages/mermaid/src/rendering-util/rendering-elements/clusters.js
index be62cee58..3bd9c9dc7 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/clusters.js
+++ b/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);