Suggestion about colors in https://tailwindcss.com

[4lejandrito]

Hi!

I've been reading through the new site and trying out the examples and some of them don't work out of the box. The examples that I found not working are all those using the teal or light-blue colors (gradients for example).

I was very confused and I went to https://play.tailwindcss.com to see if they worked there and some of them did. Then I found that you are using some custom config in the config tab:

I added the teal and light-blue colors to my config file and then everything was fine.

I suggest you don't use custom configuration in https://tailwindcss.com because users are going to be confused when they try out the examples in their own sites. Either use only out of the box stuff or clearly specify which examples need extra config.

Thanks for making Tailwind, I love it.

[deadcoder0904]

Yes, I also thought the same. However, I want to use blueGray & am confused whether they are included by default or we have to extend them in config.

It doesn't help to know what version Tailwind Intellisense supports.

Edit: Just added blueGray in the config & it started working. Even Intellisense picks up properly 😍

[adamwathan]

Hey! Hopefully the customizing colors documentation is helpful here, it explains all this:

https://tailwindcss.com/docs/customizing-colors

We are careful to use only default colors throughout the actual documentation examples but for the homepage we needed more to achieve what we wanted to achieve visually.

[4lejandrito]

I see your point and it makes sense. However one of the things that I love about Tailwind is that is so easy to copy the classes from your examples and apply them to my HTML. For a few minutes I thought there was a bug or I hadn't installed Tailwind@2 properly.

At the end I could achieve what I wanted and the docs were indeed really helpful, it just took me a while.

Feel free to mark this as resolved.

Thanks!