Fix: callout boxes use dark background with accent border + heading

Dark #1a1a2e background, brand color borders and headings only,
light gray body text. Matches Pterodactyl dark theme.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs/code-bridge/archive/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** 💙🔥❄️

services/modpack-version-checker/blueprint-extension/admin/view.blade.php

@@ -11,9 +11,28 @@
 @section('content')
 
 <style>
-.callout.callout-info, .callout.callout-warning { color: #fff; }
-.callout.callout-info a, .callout.callout-warning a { color: #fff; text-decoration: underline; }
-.callout.callout-danger { color: #fff; }
+.callout.callout-info {
+    background: #1a1a2e;
+    border-color: #00b4d8;
+    color: #ccc;
+}
+.callout.callout-info h4 { color: #00b4d8; }
+.callout.callout-info a { color: #00b4d8; text-decoration: underline; }
+
+.callout.callout-warning {
+    background: #1a1a2e;
+    border-color: #f59e0b;
+    color: #ccc;
+}
+.callout.callout-warning h4 { color: #f59e0b; }
+.callout.callout-warning a { color: #f59e0b; text-decoration: underline; }
+
+.callout.callout-danger {
+    background: #1a1a2e;
+    border-color: #e74c3c;
+    color: #ccc;
+}
+.callout.callout-danger h4 { color: #e74c3c; }
 </style>
 
 {{-- License Status Banners --}}