Appearance in the BORDER theme

Custom CSS & Theme Design
1

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

I am using the BORDER theme, and when using the — to create a property, I get the Property function, but I would like it to be in a colored background.

image
image1566×902 28.2 KB

What I would it to look like is as follows:

image
image1760×854 44.4 KB

I would also like to put the Linked mentions and Unlinked mentions as in this example.

I have tried

<I have tried to figure this out myself but have no idea.

2

In the Border theme, they add an icon if there are no Backlinks but they will show up if there are Backlinks.

left: note with backlinks | right: note without backlinks

Screenshot 2026-02-01 at 9.20.51
Screenshot 2026-02-01 at 9.20.512406×1030 196 KB

As for the Properties container at the top, you can add a background, border, etc., with some CSS snippets. For example:

Screenshot 2026-02-01 at 9.29.14
Screenshot 2026-02-01 at 9.29.141202×1006 39.5 KB

body {
  --metadata-background: rgba(211, 211, 211, 0.5);
  --metadata-border-color: salmon;
  --metadata-border-radius: 5px;
  --metadata-border-width: 2px;
}

More variable here: https://docs.obsidian.md/Reference/CSS+variables/Editor/Properties