This page lists CSS variables for Callouts.

CSS variables

Variable Description
--callout-border-width Callout border width
--callout-border-opacity Callout border opacity
--callout-padding Callout padding
--callout-radius Callout radius
--callout-blend-mode Callout blend mode, allows color mixing for nested callouts
--callout-title-color Callout title text color
--callout-title-padding Callout title padding
--callout-title-size Callout title font size
--callout-title-weight Callout title weight
--callout-content-padding Callout content padding
--callout-content-background Callout content background color

Type colors

Callout types have unique icons and colors, and may have multiple aliases.

Variable Callout type
--callout-bug bug
--callout-default default, note
--callout-error error, danger
--callout-example example
--callout-fail fail, failure, missing
--callout-important important
--callout-info info
--callout-question question, help, faq
--callout-success success, check, done
--callout-summary summary, abstract, tldr
--callout-tip tip, hint
--callout-todo todo
--callout-warning warning, caution, attention
--callout-quote quote, cite
Callout
Interactive graph