Fix dataframe dark mode contrast

app.py

@@ -640,6 +640,12 @@ CSS = """
   --button-primary-background-fill-hover: #0d9488;
   --button-primary-text-color: #f8fafc;
   --link-text-color: #67e8f9;
+  --table-background-fill: #0b1220;
+  --table-even-background-fill: #0f172a;
+  --table-odd-background-fill: #0b1220;
+  --table-border-color: rgba(148, 163, 184, 0.24);
+  --table-text-color: #e5efff;
+  --table-row-focus: #1e293b;
   background:
     radial-gradient(circle at 12% 0%, rgba(20, 184, 166, 0.18), transparent 28%),
     linear-gradient(135deg, #070b13 0%, #0f172a 52%, #111827 100%);
@@ -805,11 +811,39 @@ CSS = """
   color: #e5efff !important;
   border-color: rgba(148, 163, 184, 0.24) !important;
 }
+.gradio-container .table-container,
+.gradio-container svelte-virtual-table-viewport,
+.gradio-container button.disable_click,
+.gradio-container button[aria-label*="Drop CSV"],
+.gradio-container button[aria-label*="TSV"] {
+  background: #0b1220 !important;
+  color: #e5efff !important;
+  border-color: rgba(148, 163, 184, 0.24) !important;
+}
+.gradio-container table.table,
+.gradio-container table.table thead,
+.gradio-container table.table tbody,
+.gradio-container table.table tfoot {
+  background: #0b1220 !important;
+  color: #e5efff !important;
+}
 .gradio-container th {
   background: #111827 !important;
   color: #f8fafc !important;
   border-color: rgba(148, 163, 184, 0.24) !important;
 }
+.gradio-container table.table thead,
+.gradio-container table.table thead tr,
+.gradio-container table.table th,
+.gradio-container table.table th *,
+.gradio-container table.table .header-content,
+.gradio-container table.table .header-button,
+.gradio-container table.table .cell-wrap {
+  background: #111827 !important;
+  color: #f8fafc !important;
+  border-color: rgba(148, 163, 184, 0.24) !important;
+  opacity: 1 !important;
+}
 .gradio-container td {
   background: #0b1220 !important;
   color: #e2e8f0 !important;
@@ -818,6 +852,23 @@ CSS = """
 .gradio-container tr:nth-child(even) td {
   background: #0f172a !important;
 }
+.gradio-container table.table tbody tr,
+.gradio-container table.table tbody td,
+.gradio-container table.table tbody .cell-wrap {
+  background: #0b1220 !important;
+  color: #e2e8f0 !important;
+}
+.gradio-container table.table tbody tr.row-odd,
+.gradio-container table.table tbody tr.row-odd td,
+.gradio-container table.table tbody tr.row-odd .cell-wrap {
+  background: #0f172a !important;
+}
+.gradio-container table.table span.text,
+.gradio-container table.table button {
+  color: #e5efff !important;
+  -webkit-text-fill-color: #e5efff !important;
+  opacity: 1 !important;
+}
 .gradio-container .plot-container,
 .gradio-container .js-plotly-plot {
   background: #0b1220 !important;