From d793e0d1c8ceff3251e7ae8a4c239f20e81c2ec0 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 13 Apr 2026 02:43:29 +0000 Subject: [PATCH] =?UTF-8?q?Bridge:=20dispatch=20=E2=80=94=20callout=20boxe?= =?UTF-8?q?s=20need=20dark=20bg=20with=20accent=20border,=20not=20bright?= =?UTF-8?q?=20fills?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../MSG-2026-04-12-phase11d-callout-colors.md | 44 +++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 docs/code-bridge/responses/MSG-2026-04-12-phase11d-callout-colors.md 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** 💙🔥❄️