Possible to add random colors for each tag?

[hamzabinamin]

I'm showing tags in a particular column of a data row. I want each tag to have a distinct or a random color instead of all being grey. How can I do that?

If that's not possible, then is there a way I can use a different color for each of the tag input elements through html?
Something like:
<input name="tags'" value="" readonly style="color: red;">

[yairEO]

Ok, I've just updated the demo page as to your request, but you also need to make sure you're using the at least Tagify version 2.18.1

In this random tag color demo I was using the transformTag Tagify setting, which I think is the most suited place to make the change, but there's another way, which is to create your own tag function (see here how).

A completely different 3rd way would be to do this entirely via your CSS (:nth-child selectors), but this limits you to a finite set of colors, since you don't want to repeat similar colors.

[hamzabinamin]

This works great thanks @yairEO however I've noticed the colors don't work if I make the tags readonly. Can you change that? I'm displaying a list that is coming from the db, so the user won't be writing any new tags themselves. Also would be nice if I can somehow hide the border of the input field. Since the tags class is somehow overriding the behavior.

[yairEO]

Why do you even need Tagify at all? why can't you just create some simple template which iterate over your list and creates tabs (<div>) elements and then simply style them?

If you wish to have random colors on read-only tags you could modify Tagify's CSS and remove the rule which overrides the colors specifically for read-only ones.