Make aliases stand out in the Quick switcher and link suggester

[peeragetalkers]

This CSS snippet italicizes aliases that appear in the Quick switcher (indicated by an arrow icon to the right of it):

And in the link suggester:

This is useful for quickly discerning file names from aliases—the arrow icon is easy to miss.

The snippet works with Quick Switcher++.

CSS snippet

Italicize_aliases.css (329 Bytes)

/* Quick Switcher++ */
.prompt .qsp-suggestion-alias {
    font-style: italic;
}

/* Vanilla Quick switcher */
.prompt .suggestion-item.mod-complex:has([aria-label='Alias']) {
    font-style: italic;
}

/* Link suggester */
.suggestion-item:has(.suggestion-flair[aria-label="Alias"]) .suggestion-title {
    font-style: italic;
}

See also

Make unresolved links appear muted in the Quick switcher and link suggester

I often confuse unresolved links for existing notes and mistakenly open them, which turns them into proper notes. The icon to the right of unresolved links is very easy to miss too. While there’s an option to hide unresolved links in the Quick switcher core plugin settings, I still want to see them. This CSS snippet solves this by making unresolved links appear at 0.7 opacity of resolved links—mirroring how unresolved links appear muted in the editor: [Screen Shot 2025-03-07 at 10.52.15] Mu…

[ariehen]

Lookin’ good!

---

One thing that didn’t come up in the Discord discussion: [aria-labels are based on the language Obsidian is set to. So [aria-label='Alias'] works in a bunch of languages, but not in all.

For example, in Japanese is needs to be [aria-label='エイリアス'], Turkish [aria-label='Rumuz'] and so on.

I think using [aria-label='Alias'] (for example) is totally fine in personal snippets, but something to keep in mind and may need adjusting if Obsidian isn’t set to English.