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

10개의 좋아요

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:

13개의 좋아요

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

2개의 좋아요

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개의 좋아요

There is also a Customization > 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.

3개의 좋아요

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

You can give it a try now. I’ve released the TC. Thanks for your patience! :tada:

7개의 좋아요