Configura los Colores de tu Tema con TailwindCSS y Variables CSS

En esta lección, aprenderás a cómo configurar TailwindCSS para que cree clases personalizadas para los colores de tu app, usando Variables CSS.

Estamos usando Variables CSS porque es una de las formas de obtener diferentes valores de colores asignadas a la misma clase de utilidad creada por TailwindCSS, de esta manera no importa que tema estemos asignando, los colores que aplicaremos serán acordes a el tema que hayamos escogido en nuestras aplicaciones.

También usaremos la función theme, que nos deja obtener cualquier valor del tema de tailwind en nuestro código y usarlo para darle valor a nuestra variable CSS. Ésta function viene accesible por defecto con Tailwind!