- replace hardcoded green/red/blue colors with standard shadcn semantic colors - use text-primary, text-secondary-foreground, text-muted-foreground instead of text-green-600/blue-600 - replace colored backgrounds with bg-secondary, bg-muted, bg-primary/5 - maintain proper contrast and accessibility with semantic color tokens - ensure consistent black/white theme across all components