yuxing/dashboard-icons
1
0
Fork 0
mirror of https://github.com/homarr-labs/dashboard-icons.git synced 2026-01-13 00:27:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(magic-card): update theme handling

Browse Source
This commit is contained in:
Thomas Camlong
2026-01-09 18:30:32 +01:00
parent 5eea2e69b7
commit d864942aa3
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/magicui/magic-card.tsx
View File

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