How to use the default Tailwind colours?

[leroyvn]

I tried using the default Tailwind colours in custom button definitions, e.g. by assigning class bg-amber-400 to an <a> tag, but the resulting CSS does not appear in the compiled CSS. Is there a way to make this work?

[wolfspyre]

look at the congo docs on tailwind usage and see if this helps ya… if you’re still stuck, let’s figure out what needs to be clearer in the docs :)

[leroyvn]

Hi @wolfspyre, thank you for the pointer. I performed this dev setup and it works well. Actually, for many classes (e.g. introducing new colour brightness values). It's when I try to use a colour that is part of the Tailwind default set, and not included in theme definitions, that it fails. At this point, I guess my actual question is rather: when the docs mention that Congo uses three colour definitions (neutral, primary and secondary), does this imply that the other definitions are not usable?

[wolfspyre]

yep. this is a tailwind config thing. you will have to create yer own tailwind config wrapper
or at least that’s what i did:
https://wolfspyrelabs.static.wolfspyre.io/hugo-kisso/wplshortcodes/snippits/wplshortcodes/colorgems/

https://gitlab.wolfspyre.io/wolfspyrelabs/hugo-kisso/wplshortcodes