fix: assignment badges dark mode colors

sjdonado · Apr 5, 2024 · da94456 · da94456
1 parent 892a154
commit da94456
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/app/components/badge/AssignmentStatusBadge.tsx b/app/components/badge/AssignmentStatusBadge.tsx
@@ -5,9 +5,10 @@ export function AssignmentStatusBadge({ status }: { status: AssignmentStatus })
   return (
     <div
       className={clsx('badge w-20 rounded-lg', {
-        'bg-emerald-100 text-emerald-600 border-emerald-300':
+        'bg-emerald-100 dark:bg-emerald-900 text-emerald-600 dark:text-emerald-400 border-emerald-300 dark:border-emerald-700':
           status === AssignmentStatus.Open,
-        'bg-red-100 text-red-500 border-red-300': status === AssignmentStatus.Closed,
+        'bg-red-100 dark:bg-red-900 text-red-500 dark:text-red-400 border-red-300 dark:border-red-700':
+          status === AssignmentStatus.Closed,
       })}
     >
       <span className="text-xs font-semibold">{assignmentStatusToLabel(status)}</span>

diff --git a/app/components/badge/AssignmentTypeBadge.tsx b/app/components/badge/AssignmentTypeBadge.tsx
@@ -5,10 +5,11 @@ export function AssignmentTypeBadge({ type }: { type: AssignmentType }) {
   return (
     <div
       className={clsx('badge w-20 rounded-lg', {
-        'bg-sky-100 text-sky-600 border-sky-300': type === AssignmentType.Quiz,
-        'bg-orange-100 text-orange-600 border-orange-300':
+        'bg-sky-100 dark:bg-sky-900 text-sky-600 dark:text-sky-400 border-sky-300 dark:border-sky-700':
+          type === AssignmentType.Quiz,
+        'bg-orange-100 dark:bg-orange-900 text-orange-600 dark:text-orange-400 border-orange-300 dark:border-orange-700':
           type === AssignmentType.Homework,
-        'bg-purple-100 text-purple-600 border-purple-300':
+        'bg-purple-100 dark:bg-purple-900 text-purple-600 dark:text-purple-400 border-purple-300 dark:border-purple-700':
           type === AssignmentType.Project,
       })}
     >