Agregar soporte para temas en la aplicación, incluyendo un proveedor de temas y un conmutador de temas. Se añadió un nuevo logo que cambia según el tema seleccionado. También se actualizó el archivo package.json para incluir la dependencia "next-themes".

2025-08-13 21:11:52 -06:00
parent 3b843ea207
commit 6043fa9a97
8 changed files with 79 additions and 12 deletions
@@ -0,0 +1,36 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { useEffect, useState } from "react"
+
+export function ThemeLogo() {
+  const { theme } = useTheme()
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    // Return light theme logo by default to avoid hydration mismatch
+    return (
+      <img
+        src="/firecrawl-logo-with-fire.webp"
+        alt="Firecrawl"
+        className="h-8 w-auto"
+      />
+    )
+  }
+
+  const logoSrc = theme === "dark" 
+    ? "/firecrawl-logo-with-fire-dark.webp" 
+    : "/firecrawl-logo-with-fire.webp"
+
+  return (
+    <img
+      src={logoSrc}
+      alt="Firecrawl"
+      className="h-8 w-auto"
+    />
+  )
+}