docusaurus-tailwindcss icon indicating copy to clipboard operation
docusaurus-tailwindcss copied to clipboard

How to see tailwind.config.js

Open JesterXL opened this issue 3 years ago • 2 comments

I installed this, can see basic tailwind styles, but it seems to not be able to see tailwind.config.js. I can use w-24 or bg-red-600 and see them in the generated styles, but if I use extends color like I do in other project, it's not in the generated CSS. I'm wondering if maybe it is seeing it, but my content is configured wrong? If I screw up the syntax of tailwind.config.js, I get compiler errors so that implies it's finding it. It's in the same root folder as Docusaurus.

My config:

module.exports = {
    content: [
        './src/**/*.{html,js,md,tsx}',
        './docs/**/*.{html,js,md,tsx}',
        './static/**/*.{html,js,md,tsx}',
    ],
    theme: {
        extend: {
            color: {
                primary: '#0D4066'
            }
        }
    },
}

JesterXL avatar Feb 13 '22 19:02 JesterXL

You can use dark mode classes?

dsousa12 avatar Jul 26 '22 06:07 dsousa12

hey @dsousa12

How can colors be used outside of the dark mode scope?

Fabian

fthobe avatar Feb 13 '25 16:02 fthobe