Highlight

Emphasized content block with brand color accent.

A highlight renders an emphasized content block with a brand color accent:

::: highlight
Limited time: first 100 signups get 50% off.
:::

The highlight directive uses the theme's brandColor to draw attention to important content like promotions, announcements, or key messages.

Parameters

Add space-separated parameters after the directive name to customize appearance.

Alignment

::: highlight center
**50% OFF** — This weekend only!
:::

Supported values: left (default), center, right.

Padding

::: highlight compact
Flash sale!
:::

Supported values: compact (tighter), spacious (more breathing room).

Color & Background

Override the text color or background color with color= and bg=:

::: highlight color=#ffffff bg=#dc2626
**URGENT:** Action required.
:::