refactor(ui): strip all dark: Tailwind classes (single-theme product)

Mechanical sweep of 41 files via `perl -i -pe 's{\s+dark:[\w:/\[\]\.\-]+}{}g'`.
All dark: variants were paired with light-mode counterparts already; no
elements relied on a dark:-only style.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/admin/assignment/assignment-preview-sheet.tsx

@@ -437,7 +437,7 @@ export function AssignmentPreviewSheet({
             {mode === 'ai' && !aiResult && !isAIGenerating && (
               <Card className="border-dashed">
                 <CardContent className="flex flex-col items-center justify-center py-8 gap-3">
-                  <div className="h-12 w-12 rounded-full bg-violet-100 dark:bg-violet-950 flex items-center justify-center">
+                  <div className="h-12 w-12 rounded-full bg-violet-100 flex items-center justify-center">
                     <Sparkles className="h-6 w-6 text-violet-600" />
                   </div>
                   <div className="text-center space-y-1">
@@ -463,7 +463,7 @@ export function AssignmentPreviewSheet({
             {isLoading ? (
               <div className="space-y-3">
                 {mode === 'ai' && (
-                  <Card className="border-violet-200 bg-violet-50/50 dark:bg-violet-950/20">
+                  <Card className="border-violet-200 bg-violet-50/50">
                     <CardContent className="flex items-center gap-3 py-4">
                       <div className="relative">
                         <div className="h-6 w-6 rounded-full border-2 border-violet-300 border-t-violet-600 animate-spin" />
@@ -567,13 +567,13 @@ export function AssignmentPreviewSheet({
 
                 {/* ── Warnings ── */}
                 {preview.warnings && preview.warnings.length > 0 && (
-                  <Card className="border-amber-300 bg-amber-50/50 dark:bg-amber-950/20">
+                  <Card className="border-amber-300 bg-amber-50/50">
                     <CardContent className="p-3">
                       <div className="flex items-start gap-2">
                         <AlertTriangle className="h-4 w-4 text-amber-600 mt-0.5 shrink-0" />
                         <div className="space-y-1">
                           {preview.warnings.map((w: string, idx: number) => (
-                            <p key={idx} className="text-xs text-amber-800 dark:text-amber-200">
+                            <p key={idx} className="text-xs text-amber-800">
                               {w}
                             </p>
                           ))}

src/components/admin/round/award-shortlist.tsx

@@ -259,7 +259,7 @@ export function AwardShortlist({
                                     }
                                   </p>
                                   {eligibilityMode === 'SEPARATE_POOL' && !hasAwardRounds && (
-                                    <div className="flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 p-3 text-amber-800 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-300">
+                                    <div className="flex items-start gap-2 rounded-md border border-amber-200 bg-amber-50 p-3 text-amber-800">
                                       <AlertTriangle className="h-4 w-4 mt-0.5 shrink-0" />
                                       <p className="text-sm">
                                         No award rounds have been created yet. Projects will be confirmed but <strong>not routed</strong> to an evaluation track. Create rounds on the award page first.

src/components/admin/round/finalization-tab.tsx

@@ -328,13 +328,13 @@ export function FinalizationTab({ roundId, roundStatus }: FinalizationTabProps)
     <div className="space-y-6">
       {/* Grace Period Banner */}
       {summary.isGracePeriodActive && (
-        <Card className="border-amber-200 bg-amber-50 dark:border-amber-800 dark:bg-amber-950/20">
+        <Card className="border-amber-200 bg-amber-50">
           <CardContent className="flex items-center justify-between py-4">
             <div className="flex items-center gap-3">
               <Clock className="h-5 w-5 text-amber-600" />
               <div>
-                <p className="font-medium text-amber-800 dark:text-amber-200">Grace Period Active</p>
-                <p className="text-sm text-amber-600 dark:text-amber-400">
+                <p className="font-medium text-amber-800">Grace Period Active</p>
+                <p className="text-sm text-amber-600">
                   Applicants can still submit until{' '}
                   {summary.gracePeriodEndsAt
                     ? new Date(summary.gracePeriodEndsAt).toLocaleString()
@@ -358,12 +358,12 @@ export function FinalizationTab({ roundId, roundStatus }: FinalizationTabProps)
 
       {/* Finalized Banner */}
       {summary.isFinalized && (
-        <Card className="border-green-200 bg-green-50 dark:border-green-800 dark:bg-green-950/20">
+        <Card className="border-green-200 bg-green-50">
           <CardContent className="flex items-center gap-3 py-4">
             <CheckCircle2 className="h-5 w-5 text-green-600" />
             <div>
-              <p className="font-medium text-green-800 dark:text-green-200">Round Finalized</p>
-              <p className="text-sm text-green-600 dark:text-green-400">
+              <p className="font-medium text-green-800">Round Finalized</p>
+              <p className="text-sm text-green-600">
                 Finalized on{' '}
                 {summary.finalizedAt
                   ? new Date(summary.finalizedAt).toLocaleString()
@@ -376,13 +376,13 @@ export function FinalizationTab({ roundId, roundStatus }: FinalizationTabProps)
 
       {/* Needs Processing Banner */}
       {!summary.isFinalized && !summary.isGracePeriodActive && summary.projects.length > 0 && summary.projects.every((p) => !p.proposedOutcome) && (
-        <Card className="border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950/20">
+        <Card className="border-blue-200 bg-blue-50">
           <CardContent className="flex items-center justify-between py-4">
             <div className="flex items-center gap-3">
               <AlertTriangle className="h-5 w-5 text-blue-600" />
               <div>
-                <p className="font-medium text-blue-800 dark:text-blue-200">Projects Need Processing</p>
-                <p className="text-sm text-blue-600 dark:text-blue-400">
+                <p className="font-medium text-blue-800">Projects Need Processing</p>
+                <p className="text-sm text-blue-600">
                   {summary.projects.length} project{summary.projects.length !== 1 ? 's' : ''} in this round have no proposed outcome.
                   Click &quot;Process&quot; to auto-assign outcomes based on round type and project activity.
                 </p>

src/components/admin/round/mentoring-round-overview.tsx

@@ -124,7 +124,7 @@ export function MentoringRoundOverview({ roundId }: Props) {
           <p className="text-muted-foreground mt-1 text-xs">
             {assignedPct}% of round{' '}
             {stats.awaitingAssignment > 0 && (
-              <span className="text-amber-700 dark:text-amber-400">
+              <span className="text-amber-700">
                 · {stats.awaitingAssignment} awaiting
               </span>
             )}
@@ -189,7 +189,7 @@ export function MentoringRoundOverview({ roundId }: Props) {
 
       <Card
         className={`md:col-span-2 xl:col-span-4 ${
-          pendingCount > 0 ? 'border-amber-300 dark:border-amber-700' : ''
+          pendingCount > 0 ? 'border-amber-300' : ''
         }`}
       >
         <CardContent className="flex items-center justify-between py-4">

src/components/admin/round/project-states-table.tsx

@@ -290,8 +290,8 @@ export function ProjectStatesTable({ competitionId, roundId, roundStatus, compet
     <div className="space-y-4">
       {/* Finalization hint for closed rounds */}
       {(roundStatus === 'ROUND_CLOSED' || roundStatus === 'ROUND_ARCHIVED') && (
-        <div className="flex items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950/20 px-4 py-3 text-sm">
-          <span className="text-blue-700 dark:text-blue-300">
+        <div className="flex items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm">
+          <span className="text-blue-700">
             This round is closed. Use the <strong>Finalization</strong> tab to review proposed outcomes and confirm advancement.
           </span>
         </div>

src/components/admin/round/ranking-dashboard.tsx

@@ -699,7 +699,7 @@ export function RankingDashboard({ competitionId: _competitionId, roundId }: Ran
                     This may take a minute. You can continue working — results will appear automatically.
                   </p>
                 </div>
-                <div className="h-2 w-48 rounded-full bg-blue-100 dark:bg-blue-900 overflow-hidden">
+                <div className="h-2 w-48 rounded-full bg-blue-100 overflow-hidden">
                   <div className="h-full w-full rounded-full bg-blue-500 animate-pulse" />
                 </div>
               </>
@@ -962,18 +962,18 @@ export function RankingDashboard({ competitionId: _competitionId, roundId }: Ran
 
         {/* Ranking in-progress banner */}
         {rankingInProgress && (
-          <Card className="border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950/30">
+          <Card className="border-blue-200 bg-blue-50">
             <CardContent className="flex items-center gap-3 py-4">
-              <Loader2 className="h-5 w-5 animate-spin text-blue-600 dark:text-blue-400 flex-shrink-0" />
+              <Loader2 className="h-5 w-5 animate-spin text-blue-600 flex-shrink-0" />
               <div className="flex-1 min-w-0">
-                <p className="text-sm font-medium text-blue-900 dark:text-blue-200">
+                <p className="text-sm font-medium text-blue-900">
                   Ranking in progress&hellip;
                 </p>
-                <p className="text-xs text-blue-700 dark:text-blue-400">
+                <p className="text-xs text-blue-700">
                   This may take a minute. You can continue working — results will appear automatically.
                 </p>
               </div>
-              <div className="h-1.5 w-32 rounded-full bg-blue-200 dark:bg-blue-800 overflow-hidden flex-shrink-0">
+              <div className="h-1.5 w-32 rounded-full bg-blue-200 overflow-hidden flex-shrink-0">
                 <div className="h-full w-full rounded-full bg-blue-500 animate-pulse" />
               </div>
             </CardContent>
@@ -1097,7 +1097,7 @@ export function RankingDashboard({ competitionId: _competitionId, roundId }: Ran
                                 animate={{ opacity: 1, y: 0 }}
                                 exit={{ opacity: 0, y: -20 }}
                                 className={isAdvancing
-                                  ? 'rounded-lg bg-emerald-50 border-l-4 border-emerald-400 dark:bg-emerald-950/20 dark:border-emerald-600'
+                                  ? 'rounded-lg bg-emerald-50 border-l-4 border-emerald-400'
                                   : ''}
                               >
                                 <SortableProjectRow
@@ -1120,7 +1120,7 @@ export function RankingDashboard({ competitionId: _competitionId, roundId }: Ran
                               {isCutoffRow && (
                                 <div className="flex items-center gap-2 py-1">
                                   <div className="flex-1 border-t-2 border-dashed border-emerald-400/60" />
-                                  <span className="text-xs font-medium text-emerald-600 dark:text-emerald-400 whitespace-nowrap">
+                                  <span className="text-xs font-medium text-emerald-600 whitespace-nowrap">
                                     Advancement cutoff — {isThresholdMode ? `Score ≥ ${threshold}` : `Top ${advanceCount}`}
                                   </span>
                                   <div className="flex-1 border-t-2 border-dashed border-emerald-400/60" />

src/components/dashboard/smart-actions.tsx

@@ -33,19 +33,19 @@ const severityConfig = {
   critical: {
     icon: AlertTriangle,
     iconClass: 'text-red-600',
-    bgClass: 'bg-red-50 dark:bg-red-950/30',
+    bgClass: 'bg-red-50',
     borderClass: 'border-l-red-500',
   },
   warning: {
     icon: AlertCircle,
     iconClass: 'text-amber-600',
-    bgClass: 'bg-amber-50 dark:bg-amber-950/30',
+    bgClass: 'bg-amber-50',
     borderClass: 'border-l-amber-500',
   },
   info: {
     icon: Info,
     iconClass: 'text-blue-600',
-    bgClass: 'bg-blue-50 dark:bg-blue-950/30',
+    bgClass: 'bg-blue-50',
     borderClass: 'border-l-blue-500',
   },
 }
@@ -54,8 +54,8 @@ export function SmartActions({ actions }: SmartActionsProps) {
   return (
     <Card>
       <CardHeader className="flex flex-row items-center gap-3 space-y-0 pb-4">
-        <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-amber-100 dark:bg-amber-900/40">
-          <Zap className="h-5 w-5 text-amber-600 dark:text-amber-400" />
+        <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-amber-100">
+          <Zap className="h-5 w-5 text-amber-600" />
         </div>
         <CardTitle className="flex-1">Action Required</CardTitle>
         {actions.length > 0 && (
@@ -65,8 +65,8 @@ export function SmartActions({ actions }: SmartActionsProps) {
       <CardContent>
         {actions.length === 0 ? (
           <div className="flex flex-col items-center justify-center py-8 text-center">
-            <div className="flex h-12 w-12 items-center justify-center rounded-full bg-emerald-100 dark:bg-emerald-900/40">
-              <CheckCircle2 className="h-6 w-6 text-emerald-600 dark:text-emerald-400" />
+            <div className="flex h-12 w-12 items-center justify-center rounded-full bg-emerald-100">
+              <CheckCircle2 className="h-6 w-6 text-emerald-600" />
             </div>
             <p className="mt-3 text-sm font-medium text-muted-foreground">
               All caught up!

src/components/evaluation/evaluation-form-fields.tsx

@@ -207,7 +207,7 @@ export function EvaluationFormFields({
                         className={cn(
                           'flex-1 h-12 rounded-lg border-2 flex items-center justify-center text-sm font-medium transition-all',
                           currentValue === true
-                            ? 'border-emerald-500 bg-emerald-50 text-emerald-700 dark:bg-emerald-950/40 dark:text-emerald-400'
+                            ? 'border-emerald-500 bg-emerald-50 text-emerald-700'
                             : 'border-border hover:border-emerald-300 hover:bg-emerald-50/50',
                           isReadOnly && 'opacity-60 cursor-default',
                         )}
@@ -222,7 +222,7 @@ export function EvaluationFormFields({
                         className={cn(
                           'flex-1 h-12 rounded-lg border-2 flex items-center justify-center text-sm font-medium transition-all',
                           currentValue === false
-                            ? 'border-red-500 bg-red-50 text-red-700 dark:bg-red-950/40 dark:text-red-400'
+                            ? 'border-red-500 bg-red-50 text-red-700'
                             : 'border-border hover:border-red-300 hover:bg-red-50/50',
                           isReadOnly && 'opacity-60 cursor-default',
                         )}

src/components/forms/evaluation-form-with-coi.tsx

@@ -83,10 +83,10 @@ export function EvaluationFormWithCOI({
         <CardContent className="flex items-center gap-3 py-6">
           <ShieldAlert className="h-6 w-6 text-amber-600 shrink-0" />
           <div>
-            <p className="font-medium text-amber-800 dark:text-amber-200">
+            <p className="font-medium text-amber-800">
               Conflict of Interest Declared
             </p>
-            <p className="text-sm text-amber-700 dark:text-amber-300 mt-1">
+            <p className="text-sm text-amber-700 mt-1">
               You declared a conflict of interest for this project. An admin will
               review your declaration. You cannot evaluate this project while the
               conflict is under review.

src/components/jury/preferences-banner.tsx

@@ -62,7 +62,7 @@ export function JuryPreferencesBanner() {
   if (isLoading || unconfirmed.length === 0) return null
 
   return (
-    <Card className="border-amber-300 bg-amber-50/50 dark:border-amber-800 dark:bg-amber-950/20">
+    <Card className="border-amber-300 bg-amber-50/50">
       <CardHeader className="pb-3">
         <div className="flex items-center gap-2">
           <Scale className="h-5 w-5 text-amber-600" />

src/components/observer/dashboard/live-final-panel.tsx

@@ -9,10 +9,10 @@ import { Radio, Users, Trophy, Eye, EyeOff } from 'lucide-react'
 import { cn } from '@/lib/utils'
 
 const SESSION_STATUS_CONFIG: Record<string, { label: string; color: string; bg: string; pulse?: boolean }> = {
-  NOT_STARTED: { label: 'Not Started', color: 'text-slate-500', bg: 'bg-slate-100 dark:bg-slate-800' },
-  IN_PROGRESS: { label: 'In Progress', color: 'text-emerald-600', bg: 'bg-emerald-50 dark:bg-emerald-900/20', pulse: true },
-  PAUSED: { label: 'Paused', color: 'text-amber-600', bg: 'bg-amber-50 dark:bg-amber-900/20' },
-  COMPLETED: { label: 'Completed', color: 'text-blue-600', bg: 'bg-blue-50 dark:bg-blue-900/20' },
+  NOT_STARTED: { label: 'Not Started', color: 'text-slate-500', bg: 'bg-slate-100' },
+  IN_PROGRESS: { label: 'In Progress', color: 'text-emerald-600', bg: 'bg-emerald-50', pulse: true },
+  PAUSED: { label: 'Paused', color: 'text-amber-600', bg: 'bg-amber-50' },
+  COMPLETED: { label: 'Completed', color: 'text-blue-600', bg: 'bg-blue-50' },
 }
 
 export function LiveFinalPanel({ roundId }: { roundId: string }) {

src/components/observer/dashboard/previous-round-section.tsx

@@ -52,7 +52,7 @@ export function PreviousRoundSection({ currentRoundId }: { currentRoundId: strin
         {!collapsed && (
           <CardContent className="space-y-4">
             {/* Headline Stat */}
-            <div className="flex items-center gap-3 rounded-lg bg-rose-50 dark:bg-rose-950/20 p-4">
+            <div className="flex items-center gap-3 rounded-lg bg-rose-50 p-4">
               <ArrowDown className="h-6 w-6 text-rose-500 shrink-0" />
               <div>
                 <p className="text-lg font-semibold">
@@ -85,7 +85,7 @@ export function PreviousRoundSection({ currentRoundId }: { currentRoundId: strin
                       </div>
                       <div className="relative h-2.5 rounded-full bg-muted overflow-hidden">
                         <div
-                          className="absolute inset-y-0 left-0 rounded-full bg-slate-300 dark:bg-slate-600 transition-all"
+                          className="absolute inset-y-0 left-0 rounded-full bg-slate-300 transition-all"
                           style={{ width: `${prevPct}%` }}
                         />
                         <div

src/components/observer/reports/filtering-report-tabs.tsx

@@ -37,9 +37,9 @@ type OutcomeFilter = 'ALL' | 'PASSED' | 'FILTERED_OUT' | 'FLAGGED'
 
 function outcomeTextColor(outcome: string): string {
   switch (outcome) {
-    case 'PASSED': return 'text-emerald-700 dark:text-emerald-400'
-    case 'FILTERED_OUT': return 'text-rose-700 dark:text-rose-400'
-    case 'FLAGGED': return 'text-amber-700 dark:text-amber-400'
+    case 'PASSED': return 'text-emerald-700'
+    case 'FILTERED_OUT': return 'text-rose-700'
+    case 'FLAGGED': return 'text-amber-700'
     default: return 'text-primary'
   }
 }

src/components/settings/storage-settings-form.tsx

@@ -339,8 +339,8 @@ export function StorageSettingsForm({ settings }: StorageSettingsFormProps) {
         )}
 
         {storageProvider === 'local' && (
-          <div className="rounded-lg border border-amber-200 bg-amber-50 p-4 dark:border-amber-900 dark:bg-amber-950">
-            <p className="text-sm text-amber-800 dark:text-amber-200">
+          <div className="rounded-lg border border-amber-200 bg-amber-50 p-4">
+            <p className="text-sm text-amber-800">
               <strong>Warning:</strong> Local storage is not recommended for production deployments
               with multiple servers, as files will only be accessible from the server that uploaded them.
             </p>

src/components/shared/countdown-timer.tsx

@@ -62,9 +62,9 @@ function getUrgency(totalMs: number): Urgency {
 
 const urgencyStyles: Record<Urgency, string> = {
   expired: 'text-muted-foreground bg-muted',
-  critical: 'text-red-700 bg-red-50 border-red-200 dark:text-red-400 dark:bg-red-950/50 dark:border-red-900',
-  warning: 'text-amber-700 bg-amber-50 border-amber-200 dark:text-amber-400 dark:bg-amber-950/50 dark:border-amber-900',
-  normal: 'text-green-700 bg-green-50 border-green-200 dark:text-green-400 dark:bg-green-950/50 dark:border-green-900',
+  critical: 'text-red-700 bg-red-50 border-red-200',
+  warning: 'text-amber-700 bg-amber-50 border-amber-200',
+  normal: 'text-green-700 bg-green-50 border-green-200',
 }
 
 export function CountdownTimer({ deadline, label, className }: CountdownTimerProps) {

src/components/shared/edition-selector.tsx

@@ -19,18 +19,18 @@ import { useState } from 'react'
 
 const statusConfig: Record<string, { bg: string; text: string; dot: string }> = {
   DRAFT: {
-    bg: 'bg-amber-50 dark:bg-amber-950/50',
-    text: 'text-amber-700 dark:text-amber-400',
+    bg: 'bg-amber-50',
+    text: 'text-amber-700',
     dot: 'bg-amber-500',
   },
   ACTIVE: {
-    bg: 'bg-emerald-50 dark:bg-emerald-950/50',
-    text: 'text-emerald-700 dark:text-emerald-400',
+    bg: 'bg-emerald-50',
+    text: 'text-emerald-700',
     dot: 'bg-emerald-500',
   },
   ARCHIVED: {
-    bg: 'bg-slate-100 dark:bg-slate-800/50',
-    text: 'text-slate-600 dark:text-slate-400',
+    bg: 'bg-slate-100',
+    text: 'text-slate-600',
     dot: 'bg-slate-400',
   },
 }
@@ -95,10 +95,10 @@ export function EditionSelector() {
 
           {/* Text */}
           <div className="min-w-0 flex-1">
-            <p className="truncate text-sm font-semibold text-slate-900 dark:text-slate-100">
+            <p className="truncate text-sm font-semibold text-slate-900">
               {currentEdition ? currentEdition.year : 'Select'}
             </p>
-            <p className="truncate text-xs text-slate-500 dark:text-slate-400">
+            <p className="truncate text-xs text-slate-500">
               {currentEdition?.status === 'ACTIVE' ? 'Current Edition' : currentEdition?.status?.toLowerCase()}
             </p>
           </div>
@@ -136,7 +136,7 @@ export function EditionSelector() {
                     }}
                     className={cn(
                       'group/item flex items-center gap-3 rounded-lg px-2.5 py-2.5 cursor-pointer transition-colors',
-                      isSelected ? 'bg-slate-100 dark:bg-slate-800' : 'hover:bg-slate-50 dark:hover:bg-slate-800/50'
+                      isSelected ? 'bg-slate-100' : 'hover:bg-slate-50'
                     )}
                   >
                     {/* Year badge in dropdown */}
@@ -144,19 +144,19 @@ export function EditionSelector() {
                       'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg font-bold text-sm transition-colors',
                       isSelected
                         ? 'bg-brand-blue text-white'
-                        : 'bg-slate-200 text-slate-600 dark:bg-slate-700 dark:text-slate-300'
+                        : 'bg-slate-200 text-slate-600'
                     )}>
                       {String(edition.year).slice(-2)}
                     </div>
 
                     {/* Edition info */}
                     <div className="min-w-0 flex-1">
-                      <p className="truncate text-sm font-semibold text-slate-900 dark:text-slate-100">
+                      <p className="truncate text-sm font-semibold text-slate-900">
                         {edition.year}
                       </p>
                       <div className="flex items-center gap-1.5">
                         <div className={cn('h-1.5 w-1.5 rounded-full', editionStatus.dot)} />
-                        <span className="text-xs text-slate-500 dark:text-slate-400 capitalize">
+                        <span className="text-xs text-slate-500 capitalize">
                           {edition.status.toLowerCase()}
                         </span>
                       </div>

src/components/shared/file-viewer.tsx

@@ -827,9 +827,9 @@ function RequirementChecklist({ roundId, files }: { roundId: string; files: Proj
               className={cn(
                 'flex items-center gap-3 rounded-lg border p-2.5 text-sm',
                 isFulfilled
-                  ? 'border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950'
+                  ? 'border-green-200 bg-green-50'
                   : req.isRequired
-                    ? 'border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950'
+                    ? 'border-red-200 bg-red-50'
                     : 'border-muted'
               )}
             >

src/components/shared/notification-bell.tsx

@@ -108,20 +108,20 @@ const ICON_MAP: Record<string, React.ComponentType<{ className?: string }>> = {
 // Priority styles
 const PRIORITY_STYLES = {
   low: {
-    iconBg: 'bg-slate-100 dark:bg-slate-800',
+    iconBg: 'bg-slate-100',
     iconColor: 'text-slate-500',
   },
   normal: {
-    iconBg: 'bg-blue-100 dark:bg-blue-900/30',
-    iconColor: 'text-blue-600 dark:text-blue-400',
+    iconBg: 'bg-blue-100',
+    iconColor: 'text-blue-600',
   },
   high: {
-    iconBg: 'bg-amber-100 dark:bg-amber-900/30',
-    iconColor: 'text-amber-600 dark:text-amber-400',
+    iconBg: 'bg-amber-100',
+    iconColor: 'text-amber-600',
   },
   urgent: {
-    iconBg: 'bg-red-100 dark:bg-red-900/30',
-    iconColor: 'text-red-600 dark:text-red-400',
+    iconBg: 'bg-red-100',
+    iconColor: 'text-red-600',
   },
 }
 
@@ -158,7 +158,7 @@ function NotificationItem({
       data-notification-id={notification.id}
       className={cn(
         'flex gap-3 p-3 hover:bg-muted/50 transition-colors cursor-pointer',
-        !notification.isRead && 'bg-blue-50/50 dark:bg-blue-950/20'
+        !notification.isRead && 'bg-blue-50/50'
       )}
       onClick={onRead}
     >

src/components/shared/requirement-upload-slot.tsx

@@ -263,9 +263,9 @@ export function RequirementUploadSlot({
 
   const isFulfilled = !!existingFile
   const statusColor = isFulfilled
-    ? 'border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950'
+    ? 'border-green-200 bg-green-50'
     : requirement.isRequired
-      ? 'border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950'
+      ? 'border-red-200 bg-red-50'
       : 'border-muted'
 
   // Build accept string for file input

src/components/shared/status-badge.tsx

@@ -4,39 +4,39 @@ import { cn } from '@/lib/utils'
 const STATUS_STYLES: Record<string, { variant: BadgeProps['variant']; className?: string }> = {
   // Round statuses
   DRAFT: { variant: 'secondary' },
-  ACTIVE: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200 dark:text-blue-400' },
-  EVALUATION: { variant: 'default', className: 'bg-violet-500/10 text-violet-700 border-violet-200 dark:text-violet-400' },
+  ACTIVE: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200' },
+  EVALUATION: { variant: 'default', className: 'bg-violet-500/10 text-violet-700 border-violet-200' },
   CLOSED: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200' },
   ROUND_DRAFT: { variant: 'secondary' },
-  ROUND_ACTIVE: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200 dark:text-blue-400' },
+  ROUND_ACTIVE: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200' },
   ROUND_CLOSED: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200' },
   ROUND_ARCHIVED: { variant: 'secondary', className: 'bg-slate-400/10 text-slate-400 border-slate-200' },
 
   // Project statuses
-  SUBMITTED: { variant: 'secondary', className: 'bg-indigo-500/10 text-indigo-700 border-indigo-200 dark:text-indigo-400' },
-  ELIGIBLE: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200 dark:text-emerald-400' },
-  ASSIGNED: { variant: 'default', className: 'bg-violet-500/10 text-violet-700 border-violet-200 dark:text-violet-400' },
-  UNDER_REVIEW: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200 dark:text-blue-400' },
-  SHORTLISTED: { variant: 'default', className: 'bg-amber-500/10 text-amber-700 border-amber-200 dark:text-amber-400' },
-  SEMIFINALIST: { variant: 'default', className: 'bg-amber-500/10 text-amber-700 border-amber-200 dark:text-amber-400' },
-  FINALIST: { variant: 'default', className: 'bg-orange-500/10 text-orange-700 border-orange-200 dark:text-orange-400' },
-  WINNER: { variant: 'default', className: 'bg-yellow-500/10 text-yellow-800 border-yellow-300 dark:text-yellow-400' },
+  SUBMITTED: { variant: 'secondary', className: 'bg-indigo-500/10 text-indigo-700 border-indigo-200' },
+  ELIGIBLE: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200' },
+  ASSIGNED: { variant: 'default', className: 'bg-violet-500/10 text-violet-700 border-violet-200' },
+  UNDER_REVIEW: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200' },
+  SHORTLISTED: { variant: 'default', className: 'bg-amber-500/10 text-amber-700 border-amber-200' },
+  SEMIFINALIST: { variant: 'default', className: 'bg-amber-500/10 text-amber-700 border-amber-200' },
+  FINALIST: { variant: 'default', className: 'bg-orange-500/10 text-orange-700 border-orange-200' },
+  WINNER: { variant: 'default', className: 'bg-yellow-500/10 text-yellow-800 border-yellow-300' },
   REJECTED: { variant: 'destructive' },
   WITHDRAWN: { variant: 'secondary' },
 
   // Observer-derived statuses
-  NOT_REVIEWED: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200 dark:text-slate-400' },
-  REVIEWED: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200 dark:text-emerald-400' },
+  NOT_REVIEWED: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200' },
+  REVIEWED: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200' },
 
   // Round state statuses
-  PENDING: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200 dark:text-slate-400' },
-  IN_PROGRESS: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200 dark:text-blue-400' },
-  COMPLETED: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200 dark:text-emerald-400' },
-  PASSED: { variant: 'default', className: 'bg-green-500/10 text-green-700 border-green-200 dark:text-green-400' },
+  PENDING: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-600 border-slate-200' },
+  IN_PROGRESS: { variant: 'default', className: 'bg-blue-500/10 text-blue-700 border-blue-200' },
+  COMPLETED: { variant: 'default', className: 'bg-emerald-500/10 text-emerald-700 border-emerald-200' },
+  PASSED: { variant: 'default', className: 'bg-green-500/10 text-green-700 border-green-200' },
 
   // User statuses
-  NONE: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-500 border-slate-200 dark:text-slate-400' },
-  INVITED: { variant: 'secondary', className: 'bg-sky-500/10 text-sky-700 border-sky-200 dark:text-sky-400' },
+  NONE: { variant: 'secondary', className: 'bg-slate-500/10 text-slate-500 border-slate-200' },
+  INVITED: { variant: 'secondary', className: 'bg-sky-500/10 text-sky-700 border-sky-200' },
   INACTIVE: { variant: 'secondary' },
   SUSPENDED: { variant: 'destructive' },
 }

src/components/ui/alert.tsx

@@ -9,11 +9,11 @@ const alertVariants = cva(
       variant: {
         default: "bg-background text-foreground",
         destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+          "border-destructive/50 text-destructive [&>svg]:text-destructive",
         success:
-          "border-green-500/50 text-green-700 dark:border-green-500 [&>svg]:text-green-600",
+          "border-green-500/50 text-green-700 [&>svg]:text-green-600",
         warning:
-          "border-yellow-500/50 text-yellow-700 dark:border-yellow-500 [&>svg]:text-yellow-600",
+          "border-yellow-500/50 text-yellow-700 [&>svg]:text-yellow-600",
       },
     },
     defaultVariants: {

src/components/ui/badge.tsx

@@ -15,10 +15,10 @@ const badgeVariants = cva(
           'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
         outline: 'text-foreground',
         success:
-          'border-transparent bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100',
+          'border-transparent bg-green-100 text-green-800',
         warning:
-          'border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-100',
-        info: 'border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-100',
+          'border-transparent bg-amber-100 text-amber-800',
+        info: 'border-transparent bg-blue-100 text-blue-800',
       },
     },
     defaultVariants: {