Home

Citations

Usage

Citations are inline elements styled with semantic accent colors. The key tokens to customize are:

  • --citation-style to choose the CSL style (applies to citations and references)

  • --citation-color and --citation-color-dark for light/dark emphasis

Any CSL style from https://github.com/citation-style-language/styles is supported, with common aliases (e.g., apa, ama).

Tokens

TokenDescriptionDefault Value
--citation-styleCitation style name (CSL identifier)apa
--citation-colorCitation text colorvar(--color-accent)
--citation-color-darkCitation text color in dark modevar(--color-accent-dark)

Examples

Default Citations

:root {
  /* No design token overrides */
}

Recent work (Smith et al., 2024) shows improved outcomes across cohorts.

Numeric Citations

:root {
  --citation-style: vancouver;
  --citation-color: var(--color-blue-600);
}

See prior studies [1, 2, 5] for comparative baselines.

© 2026 Stencila