tailwind.config.js

/** @type {import('tailwindcss').Config} */

// const colors = require("tailwindcss/colors")

module.exports = {
  content: [
    "./templates/*.html",
    "./templates/**/*.html",
    "./templates/**/**/*.html",
    "./templates/**/**/**/*.html",
    "./templates/**/**/**/**/*.html",
    "./venv/lib/**/site-packages/crispy_tailwind/templates/tailwind/*.html",
    "./venv/lib/**/site-packages/crispy_tailwind/templates/tailwind/**/*.html",
    "./static/js/*.js",
    "./apps/**/forms.py",
    "./config/settings.py",
  ],
  theme: {
    // colors: {
    //   primary: {"50":"#faf5ff","100":"#f3e8ff","200":"#e9d5ff","300":"#d8b4fe","400":"#c084fc","500":"#a855f7","600":"#9333ea","700":"#7e22ce","800":"#6b21a8","900":"#581c87"}
    // },
    extend: {},
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('tailwindcss-bg-patterns'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/typography'),
  ],
}