Update app.py

app.py

@@ -35,21 +35,30 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
 
         fig = go.Figure()
 
-        fig.add_trace(go.Scatter(x=data.index, y=data['Close'], mode='lines', name='Close Price', line=dict(color='blue')))
-        fig.add_trace(go.Scatter(x=extended_dates, y=log_trend, mode='lines', name='Log Trend', line=dict(color='red')))
-        fig.add_trace(go.Scatter(x=extended_dates, y=inner_upper_band, mode='lines', name='Inner Upper Band', line=dict(color='green')))
-        fig.add_trace(go.Scatter(x=extended_dates, y=inner_lower_band, mode='lines', name='Inner Lower Band', line=dict(color='green')))
-        fig.add_trace(go.Scatter(x=extended_dates, y=outer_upper_band, mode='lines', name='Outer Upper Band', line=dict(color='orange')))
-        fig.add_trace(go.Scatter(x=extended_dates, y=outer_lower_band, mode='lines', name='Outer Lower Band', line=dict(color='orange')))
+        fig.add_trace(go.Scatter(x=data.index, y=data['Close'], mode='lines', name='Close Price', line=dict(color='#3366CC')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=log_trend, mode='lines', name='Log Trend', line=dict(color='#DC3912')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=inner_upper_band, mode='lines', name='Inner Upper Band', line=dict(color='#FF9900')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=inner_lower_band, mode='lines', name='Inner Lower Band', line=dict(color='#FF9900')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=outer_upper_band, mode='lines', name='Outer Upper Band', line=dict(color='#109618')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=outer_lower_band, mode='lines', name='Outer Lower Band', line=dict(color='#109618')))
 
         fig.update_layout(
-            title=f'{ticker} Stock Price (Logarithmic Scale) with Extended Trend Lines and Outer Bands',
+            title={
+                'text': 'Stock Log Charts',
+                'y': 0.95,
+                'x': 0.5,
+                'xanchor': 'center',
+                'yanchor': 'top'
+            },
             xaxis_title='Date',
             yaxis_title='Price (Log Scale)',
             yaxis_type="log",
             height=800,
             legend=dict(x=0.01, y=0.99, bgcolor='rgba(255, 255, 255, 0.8)'),
-            hovermode='x unified'
+            hovermode='x unified',
+            plot_bgcolor='#F5F5F5',
+            paper_bgcolor='#F5F5F5',
+            font=dict(family="Arial", size=12, color="#333333")
         )
 
         fig.update_xaxes(
@@ -72,16 +81,22 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
 # Get the current date
 current_date = datetime.now().strftime("%Y-%m-%d")
 
-# Custom CSS to make charts full-width and larger
+# Custom CSS to make charts full-width and larger, and apply a theme
 custom_css = """
 .container {max-width: 100% !important; padding: 0 !important;}
 .plot-container {height: 800px !important; width: 100% !important;}
 .react-plotly-container {height: 100% !important; width: 100% !important;}
+body {background-color: #F5F5F5; color: #333333; font-family: Arial, sans-serif;}
+.gradio-container {background-color: #FFFFFF; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
+.gr-button {background-color: #3366CC; color: white;}
+.gr-button:hover {background-color: #254EDB;}
+.gr-input {border: 1px solid #CCCCCC; border-radius: 4px;}
+.gr-input:focus {border-color: #3366CC; box-shadow: 0 0 0 2px rgba(51, 102, 204, 0.2);}
 """
 
 # Create Gradio interface
-with gr.Blocks(css=custom_css, title="Logarithmic Charting Tool") as iface:
-    gr.Markdown("# Alan's Logarithmic Charting Tool")
+with gr.Blocks(css=custom_css, title="Stock Log Charts") as iface:
+    gr.Markdown("# Stock Log Charts", elem_id="main-title")
     gr.Markdown("Enter a stock ticker and date range to generate a logarithmic chart.")
     
     with gr.Row():