diff --git a/pages/auth-files/components/AuthFilesFilesTab.tsx b/pages/auth-files/components/AuthFilesFilesTab.tsx index 68c8ab6b..6d7f8a25 100644 --- a/pages/auth-files/components/AuthFilesFilesTab.tsx +++ b/pages/auth-files/components/AuthFilesFilesTab.tsx @@ -1727,7 +1727,7 @@ export function AuthFilesFilesTab({ successRate === null ? "text-slate-500 dark:text-white/45" : successRate >= 90 - ? "text-emerald-700 dark:text-emerald-200" + ? "text-slate-700 dark:text-white/70" : successRate >= 50 ? "text-amber-700 dark:text-amber-200" : "text-rose-700 dark:text-rose-200"; diff --git a/pages/auth-files/components/QuotaMetricChips.tsx b/pages/auth-files/components/QuotaMetricChips.tsx index d8c08012..48b3824a 100644 --- a/pages/auth-files/components/QuotaMetricChips.tsx +++ b/pages/auth-files/components/QuotaMetricChips.tsx @@ -27,15 +27,19 @@ export const resolveQuotaVisualTone = (percent: number | null | undefined): Quot }; } + // A healthy quota is the common case, so it gets no colour beyond the ring: + // tinting the chip surface, its label and its percent all at once made every + // card on the page read as one flat green field, and a green that is always + // on cannot signal anything. Amber and rose below keep their full treatment — + // they are the states worth spotting from across the grid. if (normalized >= 60) { return { normalized, fillClass: "bg-emerald-500", - percentClass: "text-emerald-700 dark:text-emerald-200", + percentClass: "text-slate-700 dark:text-white/80", fillHex: "#10b981", - chipClass: - "border-emerald-200/70 bg-emerald-50/70 dark:border-emerald-500/20 dark:bg-emerald-500/[0.08]", - chipLabelClass: "text-emerald-900/70 dark:text-emerald-100/70", + chipClass: "border-slate-900/8 bg-slate-50 dark:border-white/10 dark:bg-white/[0.06]", + chipLabelClass: "text-slate-600 dark:text-white/70", }; } diff --git a/pages/auth-files/hooks/useAuthFilesFilesPresentation.tsx b/pages/auth-files/hooks/useAuthFilesFilesPresentation.tsx index 591e21cd..bf7e0708 100644 --- a/pages/auth-files/hooks/useAuthFilesFilesPresentation.tsx +++ b/pages/auth-files/hooks/useAuthFilesFilesPresentation.tsx @@ -70,7 +70,7 @@ const KNOWN_QUOTA_TEXT_KEYS = new Set([ const SUBSCRIPTION_TONE_CLASSES = { active: - "border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-500/20 dark:bg-emerald-500/15 dark:text-emerald-200", + "border-slate-900/8 bg-slate-50 text-slate-700 dark:border-white/10 dark:bg-white/[0.08] dark:text-white/70", warning: "border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-500/20 dark:bg-amber-500/15 dark:text-amber-200", urgent: