Fancy Frontmatter Tags

I use tags in the frontmatter of my notes, with certain tags denoting document type. I wanted a specific look, where the document type tags popped to the forefront and the regular tags took a step back. The result should work fine with both light and dark themes:

I have attached the css below.

fancy frontmatter tags.css (2.8 KB)