Update app.py

app.py

@@ -35,12 +35,12 @@ 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='#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.add_trace(go.Scatter(x=data.index, y=data['Close'], mode='lines', name='Close Price', line=dict(color='#3A9184')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=log_trend, mode='lines', name='Log Trend', line=dict(color='#FF8C61')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=inner_upper_band, mode='lines', name='Inner Upper Band', line=dict(color='#6FB1A7')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=inner_lower_band, mode='lines', name='Inner Lower Band', line=dict(color='#6FB1A7')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=outer_upper_band, mode='lines', name='Outer Upper Band', line=dict(color='#FFC2A5')))
+        fig.add_trace(go.Scatter(x=extended_dates, y=outer_lower_band, mode='lines', name='Outer Lower Band', line=dict(color='#FFC2A5')))
 
         fig.update_layout(
             title={
@@ -56,9 +56,9 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
             height=800,
             legend=dict(x=0.01, y=0.99, bgcolor='rgba(255, 255, 255, 0.8)'),
             hovermode='x unified',
-            plot_bgcolor='#F5F5F5',
-            paper_bgcolor='#F5F5F5',
-            font=dict(family="Arial", size=12, color="#333333")
+            plot_bgcolor='#F5F9F8',
+            paper_bgcolor='#F5F9F8',
+            font=dict(family="Inter, sans-serif", size=12, color="#313D38")
         )
 
         fig.update_xaxes(
@@ -81,22 +81,9 @@ 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, 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="Stock Log Charts") as iface:
-    gr.Markdown("# Stock Log Charts", elem_id="main-title")
+# Create Gradio interface with seafoam theme
+with gr.Blocks(theme=gr.themes.Seafoam(), title="Stock Log Charts") as iface:
+    gr.Markdown("# Stock Log Charts")
     gr.Markdown("Enter a stock ticker and date range to generate a logarithmic chart.")
     
     with gr.Row():