From 346268a57c8f2390e6cf2145fd24877d8b63ded4 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 14 May 2025 16:13:37 +0200
Subject: [PATCH 1/2] fix background color css var fallback order

---
 packages/system/src/styles/init.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/system/src/styles/init.css b/packages/system/src/styles/init.css
index 5f082ff8..7b4b92be 100644
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -55,7 +55,7 @@
 }
 
 .xy-flow__background {
-  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
+  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
 }
 
 .xy-flow__container {

From 77bf79c40e71e3da449ace3b1a1ed5bceff46b51 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Wed, 14 May 2025 16:14:40 +0200
Subject: [PATCH 2/2] changeset

---
 .changeset/spicy-cherries-chew.md | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 .changeset/spicy-cherries-chew.md

diff --git a/.changeset/spicy-cherries-chew.md b/.changeset/spicy-cherries-chew.md
new file mode 100644
index 00000000..2aa6ccfb
--- /dev/null
+++ b/.changeset/spicy-cherries-chew.md
@@ -0,0 +1,7 @@
+---
+'@xyflow/system': patch
+'@xyflow/react': patch
+'@xyflow/svelte': patch
+---
+
+Fix background-color css variable fallback.