Update app.py

app.py

@@ -1,10 +1,11 @@
 """
-AURA Chat — Hedge Fund Picks (Enhanced UI + Info + Video)
+AURA Chat — Hedge Fund Picks (Dark Mode + Enhanced UI)
 Single-file Gradio app with:
 - YouTube explainer video
 - Info container (what it does, accuracy, example prompts)
-- Modern two-column layout: prompts/input on left, analysis/chat on right
-- Chat component for follow-up questions
+- Dark theme (green, gray, black)
+- Two-column layout: inputs left, analysis/chat right
+- Interactive chat component
 """
 import os
 import time
@@ -129,24 +130,33 @@ def continue_chat(chat_messages, user_message: str, analysis_text: str):
 # =============================================================================
 def build_demo():
     with gr.Blocks(title="AURA Chat — Hedge Fund Picks") as demo:
-        # Custom CSS
+        # Dark theme CSS
         gr.HTML("""
         <style>
-        .gradio-container { max-width: 1200px; margin: 20px auto; font-family: Arial, sans-serif; }
-        .info-box { background:#f0f4f8; border-radius:10px; padding:20px; margin-bottom:20px; }
-        .analysis-box { background:#ffffff; border-radius:10px; padding:15px; box-shadow:0 4px 14px rgba(0,0,0,0.06);}
-        .section-title { font-size:20px; color:#333; margin-bottom:8px; }
-        .example { background:#e6f0ff; padding:8px; border-radius:5px; font-family:monospace; }
-        .header-title { color:#0a3d62; font-size:32px; font-weight:bold; margin-bottom:12px; text-align:center; }
+        body { background-color: #121212; color: #cfd8dc; font-family: Arial, sans-serif; }
+        .gradio-container { max-width: 1200px; margin: 20px auto; }
+        .info-box { background:#1e1e1e; border-left:4px solid #00ff66; border-radius:10px; padding:20px; margin-bottom:20px; }
+        .analysis-box { background:#1e1e1e; border-radius:10px; padding:15px; box-shadow:0 4px 14px rgba(0,255,102,0.2); color:#cfd8dc; overflow-y:auto; }
+        .section-title { font-size:20px; color:#00ff66; margin-bottom:8px; }
+        .example { background:#263238; padding:8px; border-radius:5px; font-family:monospace; color:#00ff66; }
+        .header-title { color:#00ff66; font-size:32px; font-weight:bold; margin-bottom:12px; text-align:center; }
+        .gr-button { background-color:#00ff66; color:#121212; border:none; }
+        .gr-button:hover { background-color:#00cc52; }
+        .chat-message-user { background:#263238; color:#cfd8dc; border-radius:8px; padding:8px; }
+        .chat-message-assistant { background:#00ff66; color:#121212; border-radius:8px; padding:8px; }
+        .textbox input, .textbox textarea { background:#1e1e1e; color:#cfd8dc; border:1px solid #00ff66; border-radius:5px; }
         </style>
         """)
-        # YouTube video
+        gr.HTML('<div class="header-title">AURA Chat — Hedge Fund Picks</div>')
+
+        # YouTube explainer
         gr.HTML("""
         <div style="text-align:center; margin-bottom:20px;">
             <iframe width="800" height="450" src="https://www.youtube.com/embed/56zpjyHd3d4"
             title="AURA Chat Explainer" frameborder="0" allowfullscreen></iframe>
         </div>
         """)
+
         # Info container
         gr.HTML("""
         <div class="info-box">
@@ -165,20 +175,21 @@ def build_demo():
             Ranked top stock picks with short rationale, investment duration, and actionable insights.
         </div>
         """)
-        # Main columns
+
+        # Two-column layout
         with gr.Row():
             with gr.Column(scale=1):
                 prompts = gr.Textbox(lines=6, label="Data Prompts (one per line)", placeholder="Enter prompts here")
-                analyze_btn = gr.Button("Analyze", variant="primary")
+                analyze_btn = gr.Button("Analyze")
                 error_box = gr.Markdown("", visible=False)
-                gr.Markdown(f"**Fixed settings:** Model = {LLM_MODEL} • Max tokens = {MAX_TOKENS} • Scrape delay = {SCRAPE_DELAY}s")
+                gr.Markdown(f"**Fixed settings:** Model = {LLM_MODEL} • Max tokens = {MAX_TOKENS} • Scrape delay = {SCRAPE_DELAY}s", elem_classes="gr-mb-2")
             with gr.Column(scale=1):
                 analysis_out = gr.Textbox(label="Generated Analysis", lines=18, interactive=False)
                 gr.Markdown("**Chat with AURA about this analysis**")
                 chatbot = gr.Chatbot(height=420)
                 user_input = gr.Textbox(placeholder="Ask follow-up question...", label="Your question")
                 send_btn = gr.Button("Send")
-        
+
         analysis_state = gr.State("")
         chat_state = gr.State([])