senofy/autofirmer-expanded
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stage pill colors scale from light gray to dark blue

Browse Source 
Stage 1 = bg-slate-100 (matches Flat status pill), each subsequent stage
gets a deeper blue. Shared helper in lib/stage-colors.ts used by both
the main dashboard and the account detail page.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Brandon Li
2026-04-26 03:10:20 -05:00
co-authored by Claude Opus 4.6
parent 536aad27ef
commit 95f9e550d1
3 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/stage-colors.ts
+11
View File
@@ -0,0 +1,11 @@
/**
* Stage 1 starts very light (matching Flat status), gets progressively darker blue with each stage.
*/
export function stagePillClasses(stage: number): string {
if (stage <= 1) return 'bg-slate-100 text-slate-500';
if (stage === 2) return 'bg-blue-100 text-blue-700';
if (stage === 3) return 'bg-blue-200 text-blue-800';
if (stage === 4) return 'bg-blue-400 text-white';
if (stage === 5) return 'bg-blue-600 text-white';
return 'bg-blue-800 text-white'; // 6+
}