Generador de configuración de Tailwind Genera archivos de configuración de Tailwind CSS con colores personalizados, fuentes y puntos de interrupción.

El archivo tailwind.config.js controla la generación de clases CSS de Tailwind. La matriz de contenido especifica qué archivos escanear para nombres de clase (utilizados para eliminar CSS no utilizado). La opción darkMode puede ser clase (alternar con una clase) o medio (seguir la preferencia del sistema operativo). El objeto theme.extend agrega valores personalizados sin reemplazar los valores predeterminados. Los colores definidos en extend están disponibles como bg-primary, text-secondary, etc. Las familias de fuentes se convierten en font-sans, font-serif, font-mono. Los puntos de interrupción de pantalla personalizados reemplazan los puntos de interrupción responsivos predeterminados. La clave DEFAULT borderRadius establece el valor de la clase redondeada predeterminada. Tailwind resuelve la configuración en orden: valores predeterminados, luego valores de tema y finalmente valores de theme.extend. Los plugins se pueden agregar a la matriz de plugins para utilidades adicionales. Para proyectos de TypeScript, usa la anotación @type para admitir IDE.