Tailwind default colors not working. js does not work on my page.

Tailwind default colors not working. Feb 12, 2023 · This is simply because they are not valid CSS - they instead work with PostCSS. <div class="h-20 w-20 bg-zinc-400"></div> Jul 12, 2020 · I just installed Tailwind in VS Code (noob to Tailwind) and am having a problem where the color I configured in tailwind. Nov 26, 2023 · In this blog post, we’ll explore common color-related issues in Tailwind CSS and how to resolve them, ensuring your project’s design is as vibrant and effective as you envision. Consider checking: Tailwind has compiled since you added the class Apr 29, 2022 · Your reply to an answer below says that your "custom color classes are working fine". And if I add a color manually in my . 26, but I used the Tailwind playground to check the versions between 1. js does not work on my page. Jan 13, 2022 · Colors which are not working: amber, emerald, lime, rose, fuchsia, slate, zinc, and even orange. How are you adding the custom classes? If you're adding them to your tailwind. . May 13, 2022 · But if I now want to use default tailwind colors, which I have not changed the value for like the following, it won't work. extend. css file, it is working in my final document, but I'd like not to write every tailwind's default color manually. Jun 24, 2024 · One of the main issues when working with Tailwind CSS colors is version compatibility. Only colors with names such as the primary color name (eg. 25, and still these colors didn't work. Issue I was trying to use colors such as amber and lime, which are mentioned in the documentation. html file with tailwind are not writing the colors in the css file anymore. Which above snippet? There are many snippets above! But using color classes such as text-azure, azure being defined above does not change the color of the text. These colors didn't work. I'm using version 2. red, pink) worked. Sep 7, 2023 · The above snippet was included in using the default color library used by Tailwind, specifically using selectively the colors from the Tailwind provided color library. Jun 23, 2022 · tailwind default background colors doesn't work in a new project Asked 3 years, 1 month ago Modified 2 years, 3 months ago Viewed 7k times Oct 6, 2022 · So I don't understand why the colors I write in my . js, could you show the file with those additions? Users discuss solutions for fixing color issues in TailwindCSS. com Aug 18, 2022 · If you wanted to extend the default colors that come with Tailwind instead of replacing them, you should place your color configuration in theme. colors. Colors which are not working: amber, emerald, lime, rose, fuchsia, slate, zinc, and even orange. You can safely ignore the warnings, or if you're one of those people that just hates wiggly lines, set the file type in your IDE to PostCSS. config. 9 and 2. See full list on bobbyhadz. If you did this, bg-white would work here. If you are using an older version of Tailwind CSS, you might not have access to some of the newer colors. ugsnld mvbsopy atgr tkjd hyhp dotz pqzk sqhn zfvpywv asn