[Request] Change color of other text types

[zenoix]

I know currently we can customise the color of bold, italics, strikethrough, and blockquote texts however, would we be able to get the ability to change the color of other text types like web links, page links, underlined text, etc? Thanks

[mbeckrich]

Yes! That is in the works.

…

On Nov 21, 2025, at 5:02 AM, Jeff Wang ***@***.***> wrote: zenoix created an issue (catppuccin/obsidian#135) <#135> I know currently we can customise the color of bold, italics, strikethrough, and blockquote texts however, would we be able to get the ability to change the color of other text types like web links, page links, underlined text, etc? Thanks — Reply to this email directly, view it on GitHub <#135>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVDJ63TOP7OV7QFJU6VAVD33535PFAVCNFSM6AAAAACMZUVGR2VHI2DSMVQWIX3LMV43ASLTON2WKOZTGY2TCNBQGQYTSMQ>. You are receiving this because you are subscribed to this thread.

[tashmooSS]

this would be awesome, as for now my l,nks are purple which are normally used as "clicked before" color so it messes my eprception. is there a current workaround for this like a change in files manually?

[zenoix]

is there a current workaround for this like a change in files manually?

I've been using Obsidian's custom css to override the catppuccin selectors as a workaround

[tashmooSS]

would you mind sharing your css, im dont know coding and it takes time to make css s with chatgpt :)

[mbeckrich]

this would be awesome, as for now my l,nks are purple which are normally used as "clicked before" color so it messes my eprception. is there a current workaround for this like a change in files manually?

For internal links, you can use a snippet that targets a { color: } and adjusts the link color custom property (var(--link-color)). For example, the current css looks like this:

a {
    --font-weight: var(--link-weight);
    color: var(--link-color);
    font-weight: var(--link-weight);
    outline: none;
    text-decoration-line: var(--link-decoration);
    text-decoration-thickness: var(--link-decoration-thickness);
    cursor: var(--cursor-link);
    transition: opacity var(--anim-duration-fast) ease-in-out;
}

For external links, a snippet can target .markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline { color: } and the custom property var(--link-external-color).

From inside Obsidian, you can use cmd + opt + i / ctrl + shift + c to bring up the developer tools. Then, press the Select Element button in the top left of the tools and click the item in a note you want to style. This will show you the current css styling, what needs to be changed, etc.

So, you might have a snippet called custom.css and inside it you could write:

a {
	--link-color: rgb(var(--ctp-rosewater));
}

[tashmooSS]

wow thanks for detailed response, will give it a try