From 3bc2625e21b3b0056bce080b8adfa429d2899cf7 Mon Sep 17 00:00:00 2001
From: dmolinari <dmolinari@eldia.com>
Date: Thu, 16 Apr 2026 11:05:39 -0300
Subject: [PATCH] fix(web): agregar ThemeToggle en PublicLayout (login)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

El ThemeToggle solo vivia en AppHeader (ProtectedLayout), por lo que
desde /login era imposible cambiar el tema. Movido a esquina superior
derecha con z-index 20 sobre el gradient mesh.

useTheme defaultea a system preference, pero el usuario tiene que poder
override desde cualquier pantalla — incluido el login.
---
 src/web/src/layouts/PublicLayout.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/web/src/layouts/PublicLayout.tsx b/src/web/src/layouts/PublicLayout.tsx
index fc4232a..104641c 100644
--- a/src/web/src/layouts/PublicLayout.tsx
+++ b/src/web/src/layouts/PublicLayout.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import { ThemeToggle } from '@/components/layout/ThemeToggle'
 
 interface PublicLayoutProps {
   children: ReactNode
@@ -24,6 +25,11 @@ export function PublicLayout({ children }: PublicLayoutProps) {
       <div className="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] rounded-full bg-brand-500/10 dark:bg-brand-500/15 blur-[120px] pointer-events-none" />
       <div className="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] rounded-full bg-violet-500/10 dark:bg-violet-500/12 blur-[120px] pointer-events-none" />
 
+      {/* Theme toggle — top-right, glass over gradient */}
+      <div className="absolute top-4 right-4 z-20">
+        <ThemeToggle />
+      </div>
+
       {/* Content */}
       <div className="relative z-10 w-full flex justify-center">{children}</div>
     </div>