Style Arrow Heads Edge Markers with CSS Variables

2025-07-28 13:27:21 +02:00
parent e625e1dffc
commit 85c6266a0e
4 changed files with 64 additions and 27 deletions
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -165,6 +165,13 @@
    user-select: none;
  }
 }
+
+/* Arrowhead marker styles - use CSS custom properties as default */
+.xy-flow__arrowhead polyline {
+  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
+  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
+}
+
 .xy-flow__connection {
  pointer-events: none;