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