Style blockquotes as callouts in Obsidian

many markdown editors allow to style the blockquotes with some keyword… like (in Obsidian Callouts - Obsidian Help )

> [!tip] Callouts can have custom titles
> Like this one.

since many of us are starting to sync content with Obsidian… is it possibile to have such a styling (apply a custom class) to the blockquotes?

i couldn’t find any reference here in the forum

9 Likes

Great idea!

A theme component could be a reasonable approach (it is easier to make versus editing or creating a Markdown plugin)
I just gave it a try quickly:

11 Likes

how could you make it so… fast! :slight_smile:

2 Likes

It’s not done; this is just a quick and basic preview.
I’m pretty sure there are issues (for example, nested quotes).

The Discourse API is super convenient; It’s easier than you think!
All that is left is essentially rearranging the generated HTML.

You might want to learn too: Introduction to Discourse Development! :smile:

11 Likes

There is also a Theme component that can round the corners of quotes

And one that customizes Solved Quite

Studying these as well as the link @Arkshine shared are great starting points. Also learning to use inspect element in your browser.

2 Likes

Would this styling also be used in emails that are sent out?