# 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** 💙🔥❄️
