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'; tone?: 'success' | 'warning' | 'danger' | 'muted';
children: React.ReactNode; 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 }> = { const palette: Record<typeof tone, { bg: string; text: string; border: string }> = {
success: { success: {
bg: withAlpha(successText, 0.16), bg: successBg ?? withAlpha(successText, 0.16),
text: successText, text: successText,
border: withAlpha(successText, 0.35), border: withAlpha(successText, 0.35),
}, },
warning: { warning: {
bg: withAlpha(warningText, 0.16), bg: warningBg ?? withAlpha(warningText, 0.16),
text: warningText, text: warningText,
border: withAlpha(warningText, 0.35), border: withAlpha(warningText, 0.35),
}, },
danger: { danger: {
bg: withAlpha(dangerText, 0.16), bg: dangerBg ?? withAlpha(dangerText, 0.16),
text: dangerText, text: dangerText,
border: withAlpha(dangerText, 0.35), border: withAlpha(dangerText, 0.35),
}, },