Add Full Tailwind Color Palette? about nextjs-advanced-starter HOT 2 CLOSED

Thanks again for your comment! Tailwind implicitly comes with the full color palette anyways, you don't need to explicitly add the default tailwind colors to be able to use them. However, if you do want to override them and and new ones you can always extend it!

from nextjs-advanced-starter.

Hmm, I don't think that's the case without importing tailwindcss/colors like so: const colors = require('tailwindcss/colors') in the tailwind.config.js file. It's true that the default color palette is available, but it's definitely required to add the declarations for colors not in the default list.

The colors in the default list are as follows:

• Gray
• Red
• Yellow
• Green (actually Emerald) ¹
• Blue
• Indigo
• Purple
• Pink

Whereas the full list of colors is ²:

• Blue Gray
• Cool Gray
• Gray
• True Gray
• Warm Gray
• Red
• Orange
• Amber
• Yellow
• Lime
• Green
• Emerald
• Teal
• Cyan
• Light Blue
• Blue
• Indigo
• Violet
• Purple
• Fuchsia
• Pink

A fair number of themes and prebuilt designs use colors that are only available in the full palette. These colors are not included in the default palette, and therefore show up as transparent or simply unstyled if the user doesn't explicitly declare them. This can be confusing, especially for users who are just starting out with Tailwind.

Personally I feel this is a deficiency with the Tailwind documentation, because they don't add an easy copy-paste-able tailwind.config.js example with all the colors declared (this is why I made the gist). So I think full color palette support would be a useful feature to have in this starter!

Anyway, I totally understand if you don't feel that this is important — it's your repo after all :). Thank you for making it!

from nextjs-advanced-starter.