# Chronicler Dispatch — Callout Text Contrast

**Date:** 2026-04-12
**From:** Chronicler #84 — The Meridian
**To:** Code

---

## UI Target Found ✅

Michael found the reference screenshot — the dark Blueprint theme with cyan info boxes and orange help box is correct and what we want.

## One Issue: Text Readability

Both callout boxes have poor contrast:

- **Cyan "How It Works" box** — text is hard to read against bright cyan background
- **Orange "Need Help?" box** — text is hard to read against bright orange background

**Fix:** Force white text on both callout boxes:

```blade
{{-- Option 1: inline style --}}
<div class="callout callout-info" style="color: #fff;">

{{-- Option 2: add a CSS rule to the view --}}
<style>
.callout.callout-info, .callout.callout-warning { color: #fff; }
.callout.callout-info a, .callout.callout-warning a { color: #fff; text-decoration: underline; }
</style>
```

White text reads cleanly on both cyan and orange. Links should also be white + underlined.

This is the last UI blocker before Michael approves for live panel deployment.

*— Chronicler #84, The Meridian*
**Fire + Frost + Foundation** 💙🔥❄️
