diff --git a/resources/js/admin/mobile/components/Primitives.tsx b/resources/js/admin/mobile/components/Primitives.tsx
index a3280b7..57bc90c 100644
--- a/resources/js/admin/mobile/components/Primitives.tsx
+++ b/resources/js/admin/mobile/components/Primitives.tsx
@@ -44,20 +44,21 @@ export function PillBadge({
   tone?: 'success' | 'warning' | 'danger' | 'muted';
   children: React.ReactNode;
 }) {
-  const { successText, warningText, dangerText, muted, surfaceMuted, border } = useAdminTheme();
+  const { successText, warningText, dangerText, muted, surfaceMuted, border, successBg, warningBg, dangerBg } =
+    useAdminTheme();
   const palette: Record<typeof tone, { bg: string; text: string; border: string }> = {
     success: {
-      bg: withAlpha(successText, 0.16),
+      bg: successBg ?? withAlpha(successText, 0.16),
       text: successText,
       border: withAlpha(successText, 0.35),
     },
     warning: {
-      bg: withAlpha(warningText, 0.16),
+      bg: warningBg ?? withAlpha(warningText, 0.16),
       text: warningText,
       border: withAlpha(warningText, 0.35),
     },
     danger: {
-      bg: withAlpha(dangerText, 0.16),
+      bg: dangerBg ?? withAlpha(dangerText, 0.16),
       text: dangerText,
       border: withAlpha(dangerText, 0.35),
     },