|
|
|
|
@@ -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),
|
|
|
|
|
},
|
|
|
|
|
|