tailwind.config.cjs

const colors = require("tailwindcss/colors")
const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles")

module.exports = {
  mode: "jit",
  plugins: [require("@tailwindcss/forms")],
  purge: {
    content: ["./src/**/*.{html,js,svelte,ts}"],
    options: {
      defaultExtractor: (content) => [
        // If this stops working, please open an issue at https://github.com/svelte-add/tailwindcss/issues rather than bothering Tailwind Labs about it
        ...tailwindExtractor(content),
        // Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
        ...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(
          ([_match, group, ..._rest]) => group,
        ),
      ],
      keyframes: true,
    },
  },
  theme: {
    extend: {
      colors: {
        black: colors.black,
        gray: colors.trueGray,
        "le-bleu": "#343bff",
        "le-bleu-light": "#d2dfff",
        "le-jaune": "#ded500",
        "le-jaune-dark": "#a6a00c",
        "le-rouge-pjl": "#ff6b6b",
        "le-gris-dispositif": "#5E709E",
        "le-gris-dispositif-light": "#CCD3E7",
        white: colors.white,
      },
    },
    fontFamily: {
      sans: ["Lato", "sans-serif"],
      serif: ["Lora", "serif"],
    },
  },
  variants: {
    extend: {},
  },
}