Update app.py

app.py

@@ -287,13 +287,19 @@ with gr.Blocks() as interface:
     
 
     def make_html_table(rows):
+      # html = """
+      # <div style='overflow-x: auto; padding: 10px;'>
+      #     <div style='max-height: 400px; overflow-y: auto; border: 1px solid #444; border-radius: 8px;'>
+      #         <table style='width:100%; border-collapse: collapse; table-layout: auto; font-size: 14px; color: #f1f1f1; background-color: #1e1e1e;'>
+      #             <thead style='position: sticky; top: 0; background-color: #2c2c2c; z-index: 1;'>
+      #                 <tr>
+      # """
       html = """
-      <div style='overflow-x: auto; padding: 10px;'>
-          <div style='max-height: 400px; overflow-y: auto; border: 1px solid #444; border-radius: 8px;'>
-              <table style='width:100%; border-collapse: collapse; table-layout: auto; font-size: 14px; color: #f1f1f1; background-color: #1e1e1e;'>
-                  <thead style='position: sticky; top: 0; background-color: #2c2c2c; z-index: 1;'>
-                      <tr>
-      """
+        <div style='overflow-x: auto; padding: 10px;'>
+            <div style='max-height: 400px; overflow-y: auto; border: 1px solid #ccc; border-radius: 8px;'>
+                <table style='width:100%; border-collapse: collapse; table-layout: auto; font-size: 14px; color: inherit; background-color: inherit;'>
+        """
+  
       headers = ["Sample ID", "Predicted Country", "Country Explanation", "Predicted Sample Type", "Sample Type Explanation", "Sources", "Time cost"]
       html += "".join(
           f"<th style='padding: 10px; border: 1px solid #555; text-align: left; white-space: nowrap;'>{h}</th>"
@@ -475,6 +481,19 @@ with gr.Blocks() as interface:
         inputs=[raw_text, q1, q2, contact],
         outputs=[feedback_status]
     )
+    gr.HTML("""
+    <style>
+        body, .gradio-container {
+            background-color: #1e1e1e !important;
+            color: #f1f1f1 !important;
+        }
+        table {
+            background-color: #1e1e1e !important;
+            color: #f1f1f1 !important;
+        }
+    </style>
+    """)
+
     #     # Custom CSS styles
     # gr.HTML("""
     # <style>
@@ -511,4 +530,4 @@ with gr.Blocks() as interface:
     # """)
 
 
-interface.launch(share=True,debug=True)
+interface.launch(share=True,debug=True, theme=gr.themes.Base().set_dark_mode())