feat: implementa melhorias no sistema de tema claro padrão

- Adiciona hook customizado para forçar tema claro como padrão
- Melhora CSS para prevenir flash de tema escuro
- Otimiza transições entre temas
This commit is contained in:
Jonas Francisco 2025-10-03 03:35:25 -03:00
parent f0a90afe55
commit f4abd44efe
2 changed files with 16 additions and 1 deletions

View File

@ -1,7 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
@import "tw-animate-css"; @import "tw-animate-css";
@custom-variant dark (&:is(.dark *)); /* Removed unsupported @custom-variant dark (&:is(.dark *)); */
:root { :root {
--background: #ffffff; --background: #ffffff;

View File

@ -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])
}