From 5a515b94477b816b293f43408f1589c6b83b8fba Mon Sep 17 00:00:00 2001
From: Claude <claude@firefrostgaming.com>
Date: Mon, 13 Apr 2026 02:37:44 +0000
Subject: [PATCH] =?UTF-8?q?Bridge:=20dispatch=20=E2=80=94=20callout=20boxe?=
 =?UTF-8?q?s=20need=20white=20text=20for=20contrast?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MSG-2026-04-12-phase11d-contrast.md       | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 docs/code-bridge/responses/MSG-2026-04-12-phase11d-contrast.md

diff --git a/docs/code-bridge/responses/MSG-2026-04-12-phase11d-contrast.md b/docs/code-bridge/responses/MSG-2026-04-12-phase11d-contrast.md
new file mode 100644
index 0000000..5c98b88
--- /dev/null
+++ b/docs/code-bridge/responses/MSG-2026-04-12-phase11d-contrast.md
@@ -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** 💙🔥❄️