From 0c04e9d035882408c679b60796dd477f86e81930 Mon Sep 17 00:00:00 2001 From: fantonangeli Date: Fri, 10 Jul 2026 16:26:12 +0200 Subject: [PATCH 1/2] removed use of "-slate" css classes Signed-off-by: fantonangeli --- .../src/react-flow/diagram/Diagram.css | 22 +++++++++++-------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css b/packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css index bfa8bb7b..ca847c0c 100644 --- a/packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css +++ b/packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css @@ -323,21 +323,22 @@ dec:gap-1.5 dec:rounded-full dec:border - dec:border-slate-300 - dec:bg-slate-100 + dec:border-solid + dec:border-gray-300 + dec:bg-gray-100 dec:px-2.5 dec:text-[10px] dec:font-medium dec:uppercase dec:leading-none dec:tracking-wide - dec:text-slate-600; + dec:text-gray-600; } .dec-root.dark .dec-terminal-node { - @apply dec:border-slate-600 - dec:bg-slate-800 - dec:text-slate-300; + @apply dec:border-gray-600 + dec:bg-gray-800 + dec:text-gray-300; } .dec-root .dec-terminal-node-icon { @@ -401,8 +402,9 @@ position: relative; @apply dec:border + dec:border-solid dec:border-[var(--dec-edge-selected)] - dec:bg-slate-100; + dec:bg-gray-100; } .dec-root .dec-start-end-node { @@ -419,16 +421,18 @@ pointer-events: none; @apply dec:border + dec:border-solid dec:border-[var(--dec-edge-selected)] - dec:bg-slate-100; + dec:bg-gray-100; } .dec-root.dark .dec-start-node, .dec-root.dark .dec-end-node, .dec-root.dark .dec-end-node-inner{ @apply dec:border + dec:border-solid dec:border-[var(--dec-edge-selected)] - dec:bg-slate-800; + dec:bg-gray-800; } } From 66eac315ee717175a36246dd1527428fd1f17814 Mon Sep 17 00:00:00 2001 From: fantonangeli Date: Fri, 10 Jul 2026 16:43:49 +0200 Subject: [PATCH 2/2] Add changeset file Signed-off-by: fantonangeli --- .changeset/fix-start-end-nodes-styling.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/fix-start-end-nodes-styling.md diff --git a/.changeset/fix-start-end-nodes-styling.md b/.changeset/fix-start-end-nodes-styling.md new file mode 100644 index 00000000..156a9cab --- /dev/null +++ b/.changeset/fix-start-end-nodes-styling.md @@ -0,0 +1,5 @@ +--- +"@serverlessworkflow/diagram-editor": patch +--- + +Fix Start/End node styling when the Diagram Editor is embedded inside Shadow DOM hosts.