Change the colour of internal links that do not have notes

What I’m trying to do

I am trying to change the colour of internal links that do not have notes.

Things I have tried

Searching the help, and found that you have added the ability into Obsidian to change links. But I cannot find it in the edit.

I have looked for a style setting to see if you can target the link.

I briefly looked at themes and then gave up.

To style unresolved links you’ll need a CSS snippet that targets the .is-unresolved class. It used to only work in Reading Mode; I don’t know if that’s still true.

1 Like

The CSS Cawlin linked to above works fine in Reading mode, but still no change for Source/Live Preview modes.

There are variables now that cover both Editing and Reading modes that make things a bit easier depending on the theme you are using. These are from Obsidian’s default CSS.

.theme-light, .theme-dark {
     --link-unresolved-color: var(--color-yellow);
     --link-unresolved-opacity: 0.7;
     --link-unresolved-filter: none;
     --link-unresolved-decoration-style: dotted;
     --link-unresolved-decoration-color: var(--color-yellow);
 }

The colors can written as var(--color-yellow); yellow; #ffc0cb; etc.
The decoration-style can be dotted; none; solid;

2 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.