tailwind.config.js

/** @type {import('tailwindcss').Config} */
const plugin = require("tailwindcss/plugin");

module.exports = {
  content: ["./templates/**/*.html", "**/templates/**/*.html"],
  theme: {
    extend: {},
  },
  daisyui: {
    themes: [
      {
        cupcake: {
          ...require("daisyui/src/theming/themes")["cupcake"],
          primary: "#1615ff",
          secondary: "#4bb2f2",
        },
      },
      {
        wireframe: {
          ...require("daisyui/src/theming/themes")["wireframe"],
          primary: "#1615ff",
          secondary: "#4bb2f2",
        },
      },
      "light",
      "dark",
      "dracula",
      "night",
      "winter",
      "forest",
      "sunset",
      "business",
      "cyberpunk",
      "synthwave",
      "retro",
      "valentine",
      "garden",
      "aqua",
    ],
  },
  plugins: [
    require('daisyui'),
    require("@tailwindcss/typography"),
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/container-queries"),
    plugin(function ({ addVariant }) {
      addVariant("htmx-settling", ["&.htmx-settling", ".htmx-settling &"]);
      addVariant("htmx-request", ["&.htmx-request", ".htmx-request &"]);
      addVariant("htmx-swapping", ["&.htmx-swapping", ".htmx-swapping &"]);
      addVariant("htmx-added", ["&.htmx-added", ".htmx-added &"]);
    }),
  ],
};