Bridge: dispatch — callout boxes need white text for contrast

This commit is contained in:
Claude
2026-04-13 02:37:44 +00:00
parent 9640505c43
commit 5a515b9447

View File

@@ -0,0 +1,38 @@
# 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** 💙🔥❄️