Customization

CSS variables

Override --xy-* variables to restyle edges, handles, controls and the background without touching components.

.react-flow {
  --xy-edge-stroke-default: #94a3b8;
  --xy-handle-background-color-default: #6366f1;
}