From f4abd44efe9c87a4875b3e434092c61e03f36d18 Mon Sep 17 00:00:00 2001
From: Jonas Francisco <jonastom478@gmail.com>
Date: Fri, 3 Oct 2025 03:35:25 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20implementa=20melhorias=20no=20sistema?=
 =?UTF-8?q?=20de=20tema=20claro=20padr=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adiciona hook customizado para forçar tema claro como padrão
- Melhora CSS para prevenir flash de tema escuro
- Otimiza transições entre temas
---
 susconecta/app/globals.css                  |  2 +-
 susconecta/hooks/use-force-default-theme.ts | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 susconecta/hooks/use-force-default-theme.ts

diff --git a/susconecta/app/globals.css b/susconecta/app/globals.css
index 5234f59..df339bd 100644
--- a/susconecta/app/globals.css
+++ b/susconecta/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-@custom-variant dark (&:is(.dark *));
+/* Removed unsupported @custom-variant dark (&:is(.dark *)); */
 
 :root {
   --background: #ffffff;
diff --git a/susconecta/hooks/use-force-default-theme.ts b/susconecta/hooks/use-force-default-theme.ts
new file mode 100644
index 0000000..460c55a
--- /dev/null
+++ b/susconecta/hooks/use-force-default-theme.ts
@@ -0,0 +1,15 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useTheme } from 'next-themes'
+
+export function useForceDefaultTheme() {
+  const { setTheme } = useTheme()
+
+  useEffect(() => {
+    // Força tema claro sempre que o componente montar
+    document.documentElement.classList.remove('dark')
+    localStorage.setItem('theme', 'light')
+    setTheme('light')
+  }, [setTheme])
+}
\ No newline at end of file