Fix admin PWA status badge contrast

This commit is contained in:
Codex Agent
2026-01-23 12:24:09 +01:00
parent 49c4f9ad7d
commit ebfcc090d6

View File

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