Skip to content

fix: improve callout readability#627

Merged
brendanjryan merged 1 commit into
mainfrom
brendanjryan/warning-callout-readability
Jun 30, 2026
Merged

fix: improve callout readability#627
brendanjryan merged 1 commit into
mainfrom
brendanjryan/warning-callout-readability

Conversation

@brendanjryan

@brendanjryan brendanjryan commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Motivation

Callouts were difficult to scan because the content inherited each variant's accent color, often on a white or very subtle surface.

Summary

  • Render callout body text, links, list markers, and inline code in the primary text color for all Vocs callout variants.
  • Keep each variant's accent on the callout icon, border, and tinted surface.
  • Cover note, info, tip, warning, danger, and future success callouts with the same scoped pattern.
  • Verified 87 authored pages containing 146 callouts: 70 info, 40 warning, 25 tip, 6 note, 5 danger.

Note callout

Info callout

Tip callout

Warning callout

Danger callout

Key design considerations

  • Scoped the override to Vocs callout markup so badges, banners, and prose links keep their existing treatment.
  • Used a shared --tempo-callout-accent variable so each variant keeps a recognizable accent without sacrificing readability.

@vercel

vercel Bot commented Jun 30, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tempo-docs Ready Ready Preview, Comment Jun 30, 2026 10:36pm

Request Review

@brendanjryan brendanjryan marked this pull request as ready for review June 30, 2026 22:26
@brendanjryan brendanjryan force-pushed the brendanjryan/warning-callout-readability branch from 2990d36 to b1fbe73 Compare June 30, 2026 22:34
@brendanjryan brendanjryan changed the title fix: improve warning callout readability fix: improve callout readability Jun 30, 2026
@brendanjryan brendanjryan merged commit 9a4c83d into main Jun 30, 2026
8 of 9 checks passed
@brendanjryan brendanjryan deleted the brendanjryan/warning-callout-readability branch June 30, 2026 22:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant