fix ui

Author: ishaan-jaff

src/App.svelte

@@ -372,28 +372,35 @@ We also need to update [${RESOURCE_BACKUP_NAME}](https://github.com/${REPO_FULL_
     --litellm-purple: #8b5cf6;
   }
 
+  .container {
+    background-color: #ffffff;
+    color: #1a1a1a;
+  }
+
   /* Hero Section */
   .hero {
     text-align: center;
     padding: 5rem 2rem 4rem;
     max-width: 900px;
     margin: 0 auto;
+    background-color: #ffffff;
+    color: #1a1a1a;
   }
 
   .hero-title {
     font-size: 4rem;
     font-weight: 700;
     line-height: 1.1;
     margin: 0 0 1.25rem 0;
-    color: var(--contrast);
+    color: #1a1a1a;
     letter-spacing: -0.03em;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
   }
 
   .hero-subtitle {
     font-size: 1.25rem;
     line-height: 1.5;
-    color: var(--muted-color);
+    color: #6b7280;
     margin: 0 0 2rem 0;
     max-width: 700px;
     margin-left: auto;
@@ -573,14 +580,14 @@ We also need to update [${RESOURCE_BACKUP_NAME}](https://github.com/${REPO_FULL_
   table {
     width: 100%;
     border-collapse: collapse;
-    background: var(--card-background-color);
+    background: #ffffff;
     border-radius: 12px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     border: 1px solid var(--muted-border-color);
   }
 
   thead {
-    background-color: var(--card-background-color);
+    background-color: #ffffff;
     border-bottom: 1px solid var(--muted-border-color);
   }
 
@@ -594,14 +601,19 @@ We also need to update [${RESOURCE_BACKUP_NAME}](https://github.com/${REPO_FULL_
     color: var(--muted-color);
   }
 
+  tbody {
+    background-color: #ffffff;
+  }
+
   tbody tr.model-row {
     border-bottom: 1px solid var(--muted-border-color);
     transition: background-color 0.15s ease;
     cursor: pointer;
+    background-color: #ffffff;
   }
 
   tbody tr.model-row:hover {
-    background-color: var(--table-row-stripped-background-color);
+    background-color: #f9fafb;
   }
 
   tbody tr.model-row.expanded {

src/Main.svelte

@@ -52,14 +52,34 @@
 </div>
 
 <style>
+  /* Force light mode globally */
+  :global(html) {
+    color-scheme: light only;
+    background-color: #ffffff;
+  }
+
+  :global(body) {
+    background-color: #ffffff;
+    color: #1a1a1a;
+  }
+
   :root {
     --litellm-primary: #6366f1;
     --litellm-dark: #4f46e5;
     --litellm-purple: #8b5cf6;
+    
+    /* Force light mode colors */
+    --background-color: #ffffff;
+    --contrast: #1a1a1a;
+    --muted-color: #6b7280;
+    --card-background-color: #ffffff;
+    --muted-border-color: #e5e7eb;
+    --table-row-stripped-background-color: #f9fafb;
   }
 
   .app-container {
     min-height: 100vh;
+    background-color: #ffffff;
   }
 
   /* Header */

src/Providers.svelte

@@ -350,6 +350,8 @@
     padding: 4rem 2rem 3rem;
     max-width: 1400px;
     margin: 0 auto;
+    background-color: #ffffff;
+    color: #1a1a1a;
   }
 
   .hero-content {
@@ -359,7 +361,7 @@
   .hero-title {
     font-size: 3rem;
     font-weight: 700;
-    color: var(--contrast);
+    color: #1a1a1a;
     margin-bottom: 1rem;
     letter-spacing: -0.02em;
     line-height: 1.1;
@@ -373,11 +375,12 @@
 
   .docs-link:hover {
     text-decoration: underline;
+    color: #1d4ed8;
   }
 
   .hero-subtitle {
     font-size: 1.25rem;
-    color: var(--muted-color);
+    color: #6b7280;
     line-height: 1.6;
   }
 
@@ -546,7 +549,7 @@
   table {
     width: 100%;
     border-collapse: collapse;
-    background: var(--card-background-color);
+    background: #ffffff;
     border-radius: 12px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     border: 1px solid var(--muted-border-color);
@@ -592,13 +595,18 @@
     text-align: center;
   }
 
+  tbody {
+    background-color: #ffffff;
+  }
+
   tbody tr {
     border-bottom: 1px solid var(--muted-border-color);
     transition: background-color 0.15s ease;
+    background-color: #ffffff;
   }
 
   tbody tr:hover {
-    background-color: var(--table-row-stripped-background-color);
+    background-color: #f9fafb;
   }
 
   tbody tr:last-child {
@@ -609,11 +617,14 @@
     padding: 0.875rem 1.5rem;
     vertical-align: middle;
     font-size: 0.9375rem;
+    color: #1a1a1a;
+    background-color: #ffffff;
   }
 
   .provider-cell {
     font-weight: 500;
     min-width: 250px;
+    color: #1a1a1a;
   }
 
   .provider-info {