useTheme

El hook useTheme permite gestionar y aplicar el tema de la aplicación, almacenándolo en el localStorage y configurándolo en el DOM.

Para importar el componente useTheme, se puede hacer desde fenextjs

import { useTheme } from "fenextjs";

Define los posibles valores para el tema, como 'auto', 'light', o 'dark', utilizados para establecer el tema en la aplicación.

Nombre	Descripcion	Default
auto	Configura automáticamente el tema según las preferencias del sistema.	auto
light	Configura el tema claro.	N/A
dark	Configura el tema oscuro.	N/A

Parametro	Tipo	Descripcion
theme	ThemeType	El tema actualmente almacenado, que puede ser 'auto', 'light', o 'dark'.
setTheme	(newTheme: ThemeType) => void	Función para establecer un nuevo tema, almacenándolo en localStorage y aplicándolo al DOM.

const { theme, setTheme } = useTheme();
console.log(theme); // Muestra el tema actual
setTheme("dark"); // Cambia el tema a oscuro