Keyword color in Frontmatter

[Astrolupo]

Hi,
how can I have colored keys in the Frontmatter?

Ex.

author: Simenon

… and I want the key “author” with a color.

Watching some videos on YouTube I have noted that it is possible but I don’t know how I can do it.
Can someone help me?
Thanks

[blue_emperor]

Using css classes.

Type in editor (in template):

<span class="colored-key">author</span>

Put in MyVault/.obsidian/snippets/colored-key.css:

.colored-key {
	color: red;
	<!-- any other style here -->
}

[ariehen]

Unfortunately, you can’t use a span class in YAML (the HTML won’t render):

but you could try some CSS to color specific elements of it:

Syntax Highlighting in metadata / frontmatter?

Here’s the CSS to change the color of the various YAML elements: /* color YAML value text */ span.cm-meta.cm-hmd-frontmatter + span.cm-hmd-frontmatter { color: blue; } /* color YAML value - if it's a number */ span.cm-number.cm-hmd-frontmatter { color: pink !important; } /* color YAML key text */ span.cm-atom.cm-hmd-frontmatter { color: green; } /* color YAML separator text */ span.cm-meta.cm-hmd-frontmatter { color: red; } Ends up looking something like this:

[Astrolupo]

Yes, it works!
Thanks a lot