Update app.py

app.py

@@ -226,15 +226,27 @@ custom_theme = gr.themes.Base(
     table_border_color_dark="#333333"
 )
 
-table_css = """
+# THE ULTIMATE CSS FIX for the invisible text!
+# This ensures that no matter what mode the OS is in, the little boxes 
+# holding the Ticker and Similarity Score are forced to have a dark background 
+# and a bright emerald green text color so they pop out beautifully.
+custom_css = """
 table, table.dataset, tbody, thead, tr, td, th {
     background-color: #1e1e1e !important;
     color: #f0f4f8 !important;
     border-color: #333333 !important;
 }
+
+code, pre {
+    background-color: #2a2a2a !important;
+    color: #10b981 !important;
+    border: 1px solid #333333 !important;
+    padding: 2px 6px !important;
+    border-radius: 4px !important;
+}
 """
 
-with gr.Blocks(theme=custom_theme, css=table_css, title="SectorSync AI") as demo:
+with gr.Blocks(theme=custom_theme, css=custom_css, title="SectorSync AI") as demo:
     gr.Markdown("# SectorSync AI")
     gr.Markdown("Cut Through the Market Noise — Find Your Next Winning Stock in Seconds. Discover high-growth companies matching your investment thesis using FAISS Vector Search and Generative AI.")
     gr.Markdown("*Similarity Score reflects how closely a company profile matches your query in AI-embedding space — a relative ranking signal, not a calibrated financial confidence rating.*")