From 705960b61fb028306631d1a89626e80c3c9fb767 Mon Sep 17 00:00:00 2001
From: "Claude (Chronicler #83 - The Compiler)" <claude@firefrostgaming.com>
Date: Sun, 12 Apr 2026 21:44:34 -0500
Subject: [PATCH] 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>
---
 .../MSG-2026-04-12-phase11d-callout-colors.md | 44 +++++++++++++++++++
 .../blueprint-extension/admin/view.blade.php  | 25 +++++++++--
 2 files changed, 66 insertions(+), 3 deletions(-)
 create mode 100644 docs/code-bridge/archive/MSG-2026-04-12-phase11d-callout-colors.md

diff --git a/docs/code-bridge/archive/MSG-2026-04-12-phase11d-callout-colors.md b/docs/code-bridge/archive/MSG-2026-04-12-phase11d-callout-colors.md
new file mode 100644
index 0000000..d95bf9f
--- /dev/null
+++ b/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** 💙🔥❄️
diff --git a/services/modpack-version-checker/blueprint-extension/admin/view.blade.php b/services/modpack-version-checker/blueprint-extension/admin/view.blade.php
index 1ad8e7c..d4180ef 100644
--- a/services/modpack-version-checker/blueprint-extension/admin/view.blade.php
+++ b/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 --}}