tailwind.config.mjs

[AnthonyBAC]

Hello, I'm doing my first project with astro+tailwind

I got stuck because I couldn't get the daisyui plugins to work by implementing it in the "tailwind.config.mjs" file.

Just like no theme extension works for me.

This is what I have written in it, any suggestions? I already searched everywhere, I checked that everything was compatible, I tried changing names, etc., changing routes and nothing still doesn't work

/** @type {import('tailwindcss').Config} */
export default {
    content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
    theme: {
      extend: {
        colors : {
            primary: "#003162",
            secondary: "#CD0000"
        },
        fontFamily: {
          roboto: ["Roboto", "sans-serif"],
        }
      },
    },
    daisyui: {
      themes: ["night"],
    },
    plugins: [require("daisyui"), require("@tailwindcss/typography")],
  };

[wongjn]

The tailwind.config.mjs file is for v3 Tailwind - consider double-check you have v3 installed. Otherwise, you may wish to review the documentation for v4 and how to configure it.

[AnthonyBAC]

okay, that was wrong im using tailwind 4, anyway I couldn't get daisy or extend them to work in tailwind 4 and I couldn't find the documentation, I've been at this for a while, I know it's something basic maybe hahah but I can't find how to get them to work much less how to use implement daisyui

[wongjn]

Consider reviewing the Daisy UI v5 docs - this is the version that is planned to be compatible with Tailwind v4: https://v5.daisyui.com/docs/v5-beta/

[AnthonyBAC]

Thank you very much, I made it work a while ago, I had missed a part of the documentation or rather I had not even seen that part, thank you very much anyway