I included below a snippets css file which I use to control tag colors. (You can upload it to your snippets folder -> activate from the appearance tab and you are good to go once you decide on the colors).
Now for the specific parameters you need to modify, I did not understand what you were referring to specifically by ‘tag color’ so I will include what comes to mind below and you choose what you desire (all things below are for preview mode):
Tag text color: to modify this what you need to change mainly is --text-a: var(--bright-orange); in the .tag list in the file attached below (first group) what this does is it changes the color of text that is also a link to the color you specify. If you only change color: black; option (which is in the same block) you will see no difference for tags are considered links (><)
Tag background color: which gives you a nice colored box around your tag text (specified above) change - obviously - background-color: #333333; in the .tag group.
Single tag color: the css also includes the code to color specific tags which might come in handy later on if you want.
These are the big options, you can remove and modify as you experiment and keep what you want.
Let me know if you need more help or if something is unclear.
PS: this css was made from snippets posted here on the forms mainly from the post:
I just checked the css file you shared, you seem to have added the css for the tag at the end of your file but did not specify the parameters I mentioned above. Try adding them in your file if you want and see if it changes.
However, I suggest you do it as a snippets this way you keep track / organize better you css modifications and if later on you want to test out various themes you don’t have to modify the main css theme file everytime, it’s a matter of preference anyway