Changed styling of tables for darkmode

app.py

@@ -67,20 +67,50 @@ def _df_to_html_table(df: pd.DataFrame, title: str) -> str:
 
 
 def _style_block() -> str:
-    # Simple CSS to make HTML tables readable in Gradio
+    # Dark-mode friendly CSS
     return """
     <style>
-      .tbl { margin: 1rem 0; padding: 0.5rem 0.75rem; background: #fafafa; border-radius: 12px; }
-      .tbl h4 { margin: 0.25rem 0 0.75rem; font-weight: 600; }
-      .tbl table { border-collapse: collapse; width: 100%; font-size: 14px; }
-      .tbl th, .tbl td { border: 1px solid #ddd; padding: 8px; vertical-align: top; }
-      .tbl tr:nth-child(even) { background-color: #f9f9f9; }
-      .tbl th { background-color: #f0f0f0; text-align: left; }
-      .meta { font-size: 12px; color: #666; margin-top: 0.25rem; }
+      .tbl { 
+        margin: 1rem 0; 
+        padding: 0.5rem 0.75rem; 
+        background: var(--block-background-fill); 
+        border-radius: 12px; 
+        color: var(--body-text-color);
+      }
+      .tbl h4 { 
+        margin: 0.25rem 0 0.75rem; 
+        font-weight: 600; 
+        color: var(--body-text-color);
+      }
+      .tbl table { 
+        border-collapse: collapse; 
+        width: 100%; 
+        font-size: 14px; 
+        color: var(--body-text-color); 
+      }
+      .tbl th, .tbl td { 
+        border: 1px solid var(--border-color-primary); 
+        padding: 8px; 
+        vertical-align: top; 
+      }
+      .tbl tr:nth-child(even) { 
+        background-color: var(--background-fill-secondary); 
+      }
+      .tbl th { 
+        background-color: var(--background-fill-primary); 
+        text-align: left; 
+        color: var(--body-text-color);
+      }
+      .meta { 
+        font-size: 12px; 
+        color: var(--body-text-color-subdued); 
+        margin-top: 0.25rem; 
+      }
     </style>
     """
 
 
+
 def extract_tables(file_obj) -> Tuple[str, List[str], List[str], str]:
     """
     Main pipeline:
@@ -287,7 +317,7 @@ def extract_tables(file_obj) -> Tuple[str, List[str], List[str], str]:
 with gr.Blocks(title="GMFT Table Extraction PoC", theme=gr.themes.Soft()) as demo:
     gr.Markdown(
         """
-        # GMFT Table Extraction PoC
+        # Table Extraction
         Upload a **text-based** PDF and extract tables to structured JSON.
         The UI renders detected tables; you can also download the JSON + metrics.
         """