Draw the in-progress connection in the selected stroke

`--xy-connectionline-stroke` was never set, so the line dragged between two
ports took xyflow's `#b1b1b7` literal in both themes and was a hair thinner
than the edge it became. It is a selection-like state, so it takes `--primary`
and the canvas's own edge width.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016ZeGnqVsf5VHQqvz4HdUhN
This commit is contained in:
2026-08-23 06:22:32 +02:00
co-authored by Claude Opus 5
parent d240fa1f3e
commit 5cbde1000f
+6
View File
@@ -25,6 +25,12 @@
* back. Per canvas, because the brain draws its connections heavier. * back. Per canvas, because the brain draws its connections heavier.
*/ */
--edge-pulse-width: 2.5; --edge-pulse-width: 2.5;
/*
* The line dragged between two ports is the edge it is about to become: the
* selected stroke at the same weight, so nothing shifts on release.
*/
--xy-connectionline-stroke: var(--primary);
--xy-connectionline-stroke-width: var(--xy-edge-stroke-width);
--xy-handle-background-color: var(--card); --xy-handle-background-color: var(--card);
--xy-handle-border-color: var(--muted-foreground); --xy-handle-border-color: var(--muted-foreground);
--xy-selection-background-color: color-mix( --xy-selection-background-color: color-mix(