The manga reading status (reading, completed, dropped, plan_to_read, on_hold).
Tailwind CSS class string for styling.
export function getStatusColor(status: string): string {
switch (status) {
case "reading":
return "bg-green-500/10 text-green-700 border-green-200 dark:border-green-800 dark:text-green-400";
case "completed":
return "bg-purple-500/10 text-purple-700 border-purple-200 dark:border-purple-800 dark:text-purple-400";
case "dropped":
return "bg-red-500/10 text-red-700 border-red-200 dark:border-red-800 dark:text-red-400";
case "plan_to_read":
return "bg-blue-500/10 text-blue-700 border-blue-200 dark:border-blue-800 dark:text-blue-400";
case "on_hold":
return "bg-amber-500/10 text-amber-700 border-amber-200 dark:border-amber-800 dark:text-amber-400";
default:
return "bg-gray-500/10 text-gray-700 border-gray-200 dark:border-gray-700 dark:text-gray-400";
}
}
Returns Tailwind CSS classes for status badge styling with light and dark mode support.