Fix admin PWA status badge contrast
This commit is contained in:
@@ -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),
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user