i7a-themes
paquete npm para gestionar temas en React, con modos claro, oscuro y personalizados, detecta la preferencia del sistema y guarda la configuración. Compatible con TypeScript, Next.js, Vite y Tailwind CSS.
Publicado por
Ignacio FigueroaDesarrollador Fullstack y Estudiante de Programación en la UTN
Tecnologías y librerías usadas en i7a-themes:
- React (
react,react-dom) – para los componentes y hooks de tema. - TypeScript – todo el código está tipado con TS.
- Tsup – para compilar y empaquetar el paquete en formatos CommonJS y ESM.
- ESLint (
eslint,@eslint/js,eslint-plugin-react,@typescript-eslint/eslint-plugin) – para linting del código. - TypeScript ESLint (
@typescript-eslint/parser) – para integración de ESLint con TypeScript. - @types/react y @types/react-dom – tipos de TypeScript para React.
- localStorage – API nativa de navegador para persistir el tema.
- CSS Variables / Custom Properties – para el manejo dinámico de colores y estilos.
Opcionalmente, si se usa con Tailwind, permite mapear CSS Variables a Tailwind, pero Tailwind no es estrictamente parte del paquete, solo es compatible.