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