Callouts
Warning
FAQ
FAILURE
ERROR
BUG
ABSTRACT
(Alias: tldr)
SUCCESS
QUOTE
Collapsible and nestable
EXAMPLE
SUCCESS
TIP
DANGER
BUG
TODO
Warning
Custom(ized):
INFO
Lorem ipsum
Theorem
Definition
Lorem ipsum
Idea
Lorem ipsum
Note
Lorem ipsum
Results
Lorem ipsum
History
Lorem ipsum
Methodology
Lorem ipsum
Open question
Lorem ipsum
TODO
Lorem ipsum
TIP
Lorem ipsum
Interpretation
Lorem ipsum
Summary
Lorem ipsum
EXAMPLE
Lorem ipsum
Metaphor
Lorem ipsum
Takeaway
Lorem ipsum
Conclusion
Lorem ipsum
Green faq
Lorem ipsum
Known bugs: (in the Obsidian version – works with quartz)
Nesting a custom callout within a callout removes the icon from the nested callout:
Definition
FAQ
Nesting a default callout in a custom callout keeps the icon:
Definition
Note
Customize
.callout[data-callout="idea"] {
--callout-color: 125, 142, 172; /* Light yellow background */
--callout-icon: lucide-lightbulb;
--callout-icon: '<svg>...custom svg...</svg>
}The value of the data-callout attribute is the type identifier you want to use, for example [!custom-question-type].
--callout-colordefines the background color using numbers (0–255) for red, green, and blue.--callout-iconcan be an icon ID from lucide.dev, or an SVG element.
Obsidian built-in classes
.callout.callout > .callout-title.callout > .callout-title > .callout-icon.callout > .callout-title > .callout-title-inner.callout > .callout-content