refactor(css-vars): prefix with xy and fix bgColor prop closes #3669

examples/react/src/examples/ColorMode/index.tsx

@@ -15,6 +15,8 @@ import {
   Position,
 } from '@xyflow/react';
 
+import './style.css';
+
 const nodeDefaults = {
   sourcePosition: Position.Right,
   targetPosition: Position.Left,

examples/svelte/src/routes/examples/customnode/+page.svelte

@@ -85,7 +85,7 @@
 	{nodes}
 	{edges}
 	{nodeTypes}
-	style="--background-color: {$bgColor}"
+	style="--xy-background-color: {$bgColor}"
 	fitView
 	on:connect={onConnect}
 >