Fix readability: white bg, dark text, proper contrast

app.py

@@ -96,38 +96,46 @@ def load_stats(network):
 # Build the UI
 theme = gr.themes.Base(
     primary_hue="amber",
-    neutral_hue="slate",
+    neutral_hue="gray",
     font=gr.themes.GoogleFont("Space Grotesk"),
     font_mono=gr.themes.GoogleFont("JetBrains Mono"),
 ).set(
-    body_background_fill="#0a0a0f",
-    body_background_fill_dark="#0a0a0f",
-    block_background_fill="#12121a",
-    block_background_fill_dark="#12121a",
-    body_text_color="#e8e6e3",
+    body_background_fill="#ffffff",
+    body_background_fill_dark="#1a1a2e",
+    block_background_fill="#f8f8f8",
+    block_background_fill_dark="#22223a",
+    body_text_color="#1a1a1a",
     body_text_color_dark="#e8e6e3",
-    block_label_text_color="#8a8a95",
-    block_label_text_color_dark="#8a8a95",
-    button_primary_background_fill="#c4a035",
+    block_label_text_color="#555555",
+    block_label_text_color_dark="#b0b0bc",
+    button_primary_background_fill="#b8941e",
     button_primary_background_fill_dark="#c4a035",
-    button_primary_text_color="#0a0a0f",
+    button_primary_text_color="#ffffff",
     button_primary_text_color_dark="#0a0a0f",
-    border_color_primary="#c4a035",
+    border_color_primary="#b8941e",
     border_color_primary_dark="#c4a035",
+    input_background_fill="#ffffff",
+    input_background_fill_dark="#2a2a42",
+    input_border_color="#cccccc",
+    input_border_color_dark="#444466",
 )
 
 css = """
 .gradio-container { max-width: 1200px !important; }
 .main-header { text-align: center; margin-bottom: 1rem; }
-.main-header h1 { font-family: 'JetBrains Mono', monospace; color: #c4a035 !important; }
+.main-header h1 { font-family: 'JetBrains Mono', monospace; color: #b8941e !important; }
+.main-header p { color: #555 !important; }
 footer { display: none !important; }
+/* Ensure table text is readable */
+.gradio-dataframe td, .gradio-dataframe th { color: #1a1a1a !important; }
+.dark .gradio-dataframe td, .dark .gradio-dataframe th { color: #e8e6e3 !important; }
 """
 
 with gr.Blocks(theme=theme, css=css, title="BlockchainToken Explorer") as demo:
     gr.HTML("""
     <div class="main-header">
-        <h1>Ð BLOCKCHAIN<span style="color:#8a8a95;font-weight:400">TOKEN</span></h1>
-        <p style="color:#8a8a95;font-size:0.9rem;">
+        <h1>Ð BLOCKCHAIN<span style="color:#888;font-weight:400">TOKEN</span></h1>
+        <p style="color:#555;font-size:0.9rem;">
             The most comprehensive Dogeparty & Counterparty asset database — 303,330 assets indexed.
             <br>Powered by <a href="https://blockchaintoken.com" style="color:#c4a035">blockchaintoken.com</a>
         </p>
@@ -193,12 +201,12 @@ with gr.Blocks(theme=theme, css=css, title="BlockchainToken Explorer") as demo:
             issuer_btn.click(fn=get_top_issuers, inputs=network, outputs=issuer_table)
     
     gr.HTML("""
-    <div style="text-align:center;margin-top:2rem;padding:1rem;border-top:1px solid rgba(255,255,255,0.05);">
-        <p style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:#8a8a95;">
-            DATA: <a href="https://blockchaintoken.com" style="color:#c4a035">blockchaintoken.com</a> · 
-            API: <a href="https://blockchaintoken.com/api.php?action=stats" style="color:#c4a035">Free JSON API</a> · 
-            <a href="https://dogeparty.net" style="color:#c4a035">Dogeparty</a> · 
-            <a href="https://counterparty.io" style="color:#c4a035">Counterparty</a>
+    <div style="text-align:center;margin-top:2rem;padding:1rem;border-top:1px solid #ddd;">
+        <p style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:#666;">
+            DATA: <a href="https://blockchaintoken.com" style="color:#b8941e">blockchaintoken.com</a> · 
+            API: <a href="https://blockchaintoken.com/api.php?action=stats" style="color:#b8941e">Free JSON API</a> · 
+            <a href="https://dogeparty.net" style="color:#b8941e">Dogeparty</a> · 
+            <a href="https://counterparty.io" style="color:#b8941e">Counterparty</a>
         </p>
     </div>
     """)