Simplify modal, badge, and component styles to dark-first (#29)

Co-authored-by: Julian Tabel <juliantabel.jt@gmail.com>
Co-committed-by: Julian Tabel <juliantabel.jt@gmail.com>

frontend/src/pages/RunDashboard.tsx

@@ -31,9 +31,9 @@ function sortEncounters(encounters: EncounterDetail[], key: TeamSortKey): Encoun
 }
 
 const statusStyles: Record<RunStatus, string> = {
-  active: 'bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300',
-  completed: 'bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300',
-  failed: 'bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-300',
+  active: 'bg-green-900/40 text-green-300',
+  completed: 'bg-blue-900/40 text-blue-300',
+  failed: 'bg-red-900/40 text-red-300',
 }
 
 function formatDuration(start: string, end: string) {
@@ -136,8 +136,8 @@ export function RunDashboard() {
         <div
           className={`rounded-lg p-4 mb-6 ${
             run.status === 'completed'
-              ? 'bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800'
-              : 'bg-status-failed-bg border border-red-200 dark:border-red-800'
+              ? 'bg-blue-900/20 border border-blue-800'
+              : 'bg-status-failed-bg border border-red-800'
           }`}
         >
           <div className="flex items-center gap-3">
@@ -147,9 +147,7 @@ export function RunDashboard() {
             <div>
               <p
                 className={`font-semibold ${
-                  run.status === 'completed'
-                    ? 'text-blue-800 dark:text-blue-200'
-                    : 'text-red-800 dark:text-red-200'
+                  run.status === 'completed' ? 'text-blue-200' : 'text-red-200'
                 }`}
               >
                 {run.status === 'completed' ? 'Victory!' : 'Defeat'}