Change the background color of a Note/Card/Row

Note: Available from v3.16.1

You can change the background color of a note, and card (in the Card View), and row (in "List" style table) by adding a "bg-color" field to the Frontmatter for light mode and "bg-color-dark" for dark mode. As value use a hex color value or a Tailwind CSS background color name. Find a full list of colors here.

For example the color red as hex code:

---
bg-color: #ff0000
bg-color-dark: #11ff0000
---

Or a tailwind color:

---
bg-color: bg-sky-100
bg-color-dark: bg-sky-950
---

Note: This is only supported by regular (project) note. Not by daily notes yet.

Tip: If you type the dashes and they convert to a long dash, type them very fast or turn off "Smart Dashes" in the "Edit" > "Substitutions" menu or use the Note Helpers plugin and run the command "/convert to frontmatter".