Update app.py

app.py

@@ -482,6 +482,7 @@ image_css = """
 }
 """
 
+# --- ⭐ NEW: Dark Mode Overrides ⭐ ---
 # --- ⭐ NEW: Dark Mode Overrides ⭐ ---
 dark_mode_css = """
 @media (prefers-color-scheme: dark) {
@@ -496,7 +497,7 @@ dark_mode_css = """
 
      /* Make links slightly brighter if needed */
     #leaderboard-table .model-link {
-       /* color: var(--link-text-color-dark, #58a6ff); */ /* Optional: specific dark link color */
+        /* color: var(--link-text-color-dark, #58a6ff); */ /* Optional: specific dark link color */
     }
 
     #leaderboard-table {
@@ -505,10 +506,10 @@ dark_mode_css = """
 
     /* Ensure table header/cell text contrasts with dark theme background */
     #leaderboard-table th {
-       /* color: var(--table-header-text-color); */
+        /* color: var(--table-header-text-color); */
     }
      #leaderboard-table td {
-       /* color: var(--table-body-text-color); */
+        /* color: var(--table-body-text-color); */
     }
 
 
@@ -525,23 +526,28 @@ dark_mode_css = """
         font-weight: bold;
     }
 
-    /* Dark mode for Citation Textbox */
-    #citation-button textarea {
-        /* background-color: #22272e; */ /* Darker input bg */
-        /* color: #adbac7; */ /* Lighter input text */
-        /* border-color: #444c56; */ /* Darker border */
-        background-color: var(--input-background-fill); /* Rely on theme dark vars */
-        color: var(--input-text-color);
-        border: 1px solid var(--border-color-accent);
+    /* --- START: Citation Dark Mode Fixes --- */
+
+    /* Dark mode for Citation Accordion Header ("📙 Citation") */
+    .gradio-accordion button.label-wrap > span.svelte-1w6vloh {
+         /* Use a lighter, more visible color for dark backgrounds */
+         color: var(--neutral-300, #D2B48C) !important; /* Lighter brown/tan - uncommented and made important */
     }
-    /* Ensure Citation Accordion Header text is visible */
-     .gradio-accordion button.label-wrap > span.svelte-1w6vloh {
-         /* color: var(--neutral-300, #D2B48C); */ /* Lighter brown/tan */
-     }
-      /* Ensure Citation Textbox Label is visible */
+
+    /* Dark mode for Citation Textbox Label ("Copy the following snippet...") */
      #citation-button span.svelte-1gfkn6j {
-        /* color: var(--neutral-400, #999); */ /* Lighter grey */
-     }
+         /* Use a lighter grey for better visibility */
+         color: var(--neutral-400, #b0b0b0) !important; /* Lighter grey - uncommented, slightly lighter, and made important */
+    }
+
+    /* Dark mode for Citation Textbox Content (The actual text) */
+    #citation-button textarea {
+        /* Rely on theme variables first, but provide explicit fallbacks if needed */
+        background-color: var(--input-background-fill, #22272e); /* Rely on theme dark vars or fallback dark bg */
+        color: var(--input-text-color, #adbac7); /* Rely on theme dark vars or fallback light text */
+        border: 1px solid var(--border-color-accent, #444c56); /* Rely on theme dark vars or fallback dark border */
+    }
+    /* --- END: Citation Dark Mode Fixes --- */
 
 
     /* Dark mode for Image shadows */