Tailwind Css Custom Colors Not Being Applied 3zg8g
The problem is that Tailwind CSS isn't picking up custom colors defined in the `theme.extend.colors` section. Despite correctly defining a custom color, it isn't applied in the CSS output or usable in templates.
Tailwind CSS Custom Colors Not Applied
This repository demonstrates a common issue when working with custom colors in Tailwind CSS. Despite correctly defining a color in tailwind.config.js, the color isn't applied in the compiled CSS.
The bug.js file contains the incorrect configuration. The bugSolution.js file shows the correct way to fix it.
Steps to Reproduce
- Clone the repository.
- Run
npm installto install the necessary dependencies. - Observe that the custom color
theme-coloris not applied correctly in the generated CSS. - Review the corrected configuration in
bugSolution.jsto see how the issue is resolved.
Solution
The solution involves ensuring your tailwind.config.js file is correctly configured and that Tailwind is processing your content files. See bugSolution.js for a working example.
