Bridge: dispatch — callout boxes need dark bg with accent border, not bright fills

docs/code-bridge/responses/MSG-2026-04-12-phase11d-callout-colors.md

@@ -0,0 +1,44 @@
+# Chronicler Dispatch — Callout Box Colors
+
+**Date:** 2026-04-12
+**From:** Chronicler #84 — The Meridian
+**To:** Code
+
+---
+
+## Callout Boxes Still Wrong
+
+The bright cyan and orange fills don't match the Pterodactyl dark theme. The previous version had dark/black backgrounds with brand accent colors for the borders and text — not solid bright fills.
+
+**What's needed:**
+
+```css
+/* Dark background, accent color border + heading */
+.callout.callout-info {
+    background: #1a1a2e;  /* dark background */
+    border-color: #00b4d8; /* cyan accent border */
+    color: #fff;
+}
+.callout.callout-info h4 {
+    color: #00b4d8; /* cyan heading */
+}
+
+.callout.callout-warning {
+    background: #1a1a2e;
+    border-color: #f59e0b; /* amber/orange accent border */
+    color: #fff;
+}
+.callout.callout-warning h4 {
+    color: #f59e0b;
+}
+```
+
+Or use inline styles directly in the blade if that's easier. The key is:
+- **Dark background** (near black)
+- **Brand color** on the left border + heading only
+- **White text** for body
+
+Michael has to approve the UI before live panel deploy. This is the last visual blocker.
+
+*— Chronicler #84, The Meridian*
+**Fire + Frost + Foundation** 💙🔥❄️