From d864942aa31466c8e436814df106b3b72abfe683 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Fri, 9 Jan 2026 18:30:32 +0100
Subject: [PATCH] fix(magic-card): update theme handling

---
 web/src/components/magicui/magic-card.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/components/magicui/magic-card.tsx b/web/src/components/magicui/magic-card.tsx
index ea594488..a650c1ae 100644
--- a/web/src/components/magicui/magic-card.tsx
+++ b/web/src/components/magicui/magic-card.tsx
@@ -76,20 +76,20 @@ export function MagicCard({
 		mouseY.set(-gradientSize)
 	}, [gradientSize, mouseX, mouseY])
 
-	const { theme } = useTheme() // "light" | "dark"
+	const { resolvedTheme } = useTheme()
 
 	const [fromColor, setFromColor] = useState(gradientFrom)
 	const [toColor, setToColor] = useState(gradientTo)
 
 	useEffect(() => {
-		if (theme === "dark") {
-			setFromColor("#ffb3c1") // fallback for dark
+		if (resolvedTheme === "dark") {
+			setFromColor("#ffb3c1")
 			setToColor("#ff75a0")
-		} else {
-			setFromColor("#1e9df1") // fallback for light
+		} else if (resolvedTheme === "light") {
+			setFromColor("#1e9df1")
 			setToColor("#8ed0f9")
 		}
-	}, [theme])
+	}, [resolvedTheme])
 
 	return (
 		<div ref={cardRef} className={cn("group relative rounded-[inherit]", className)}>