error fix

src/components/ThemeColorSetter.tsx

@@ -0,0 +1,45 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export function ThemeColorSetter() {
+  useEffect(() => {
+    try {
+      const savedColor = localStorage.getItem('theme-primary-color')
+      if (savedColor) {
+        const hex = savedColor.replace('#', '')
+        const r = parseInt(hex.substring(0, 2), 16) / 255
+        const g = parseInt(hex.substring(2, 4), 16) / 255
+        const b = parseInt(hex.substring(4, 6), 16) / 255
+
+        const lightness = 0.2126 * r + 0.7152 * g + 0.0722 * b
+        const max = Math.max(r, g, b)
+        const min = Math.min(r, g, b)
+        const chroma = (max - min) * 0.15
+
+        let hue = 0
+        if (chroma !== 0) {
+          if (max === r) {
+            hue = ((g - b) / (max - min) + (g < b ? 6 : 0)) * 60
+          } else if (max === g) {
+            hue = ((b - r) / (max - min) + 2) * 60
+          } else {
+            hue = ((r - g) / (max - min) + 4) * 60
+          }
+        }
+
+        const oklchColor = `oklch(${lightness.toFixed(3)} ${chroma.toFixed(3)} ${hue.toFixed(1)})`
+        document.documentElement.style.setProperty('--primary', oklchColor)
+
+        const brightness = (r * 299 + g * 587 + b * 114) / 1000
+        const foregroundOklch = brightness > 0.5 ? 'oklch(0 0 0)' : 'oklch(1 0 0)'
+        document.documentElement.style.setProperty('--primary-foreground', foregroundOklch)
+      }
+    } catch (e) {
+      // Silent fail
+    }
+  }, [])
+
+  return null
+}
+