1.1 KiB
1.1 KiB
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:
{{-- 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 💙🔥❄️