Update app.py

app.py

@@ -88,8 +88,8 @@ 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='#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=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='#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')))
@@ -97,7 +97,7 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
 
         fig.update_layout(
             title={
-                'text': 'Stock Log Charts',
+                'text': f'Stock Log Chart: {ticker}',
                 'y': 0.95,
                 'x': 0.5,
                 'xanchor': 'center',
@@ -134,17 +134,28 @@ 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 for button and input hover effects
+custom_css = """
+#generate-button:hover {
+    background-color: #FFB3BA !important;  /* Pastel red */
+}
+
+#ticker-input input:hover, #start-date-input input:hover, #end-date-input input:hover {
+    background-color: #FFB3BA !important;  /* Pastel red */
+}
+"""
+
 # Create Gradio interface with custom Seafoam theme
-with gr.Blocks(theme=seafoam, title="Stock Log Charts") as iface:
+with gr.Blocks(theme=seafoam, title="Stock Log Charts", css=custom_css) as iface:
     gr.Markdown("# Stock Log Charts")
     gr.Markdown("Enter a stock ticker and date range to generate a logarithmic chart.")
     
     with gr.Row():
-        ticker = gr.Textbox(label="Stock Ticker", value="MSFT")
-        start_date = gr.Textbox(label="Start Date", value="2015-01-01")
-        end_date = gr.Textbox(label="End Date", value=current_date)
+        ticker = gr.Textbox(label="Stock Ticker", value="MSFT", elem_id="ticker-input")
+        start_date = gr.Textbox(label="Start Date", value="2015-01-01", elem_id="start-date-input")
+        end_date = gr.Textbox(label="End Date", value=current_date, elem_id="end-date-input")
     
-    submit_button = gr.Button("Generate Chart")
+    submit_button = gr.Button("Generate Chart", elem_id="generate-button")
     
     with gr.Row():
         log_plot = gr.Plot(label="Logarithmic Stock Chart")