Update app.py

app.py

@@ -1,10 +1,63 @@
 import gradio as gr
+from gradio.themes import Base
+from gradio.themes.utils import colors, sizes, fonts
+from typing import Iterable
 import yfinance as yf
 import numpy as np
 import pandas as pd
 import plotly.graph_objects as go
 from datetime import datetime
 
+# Custom Seafoam theme definition
+class Seafoam(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.emerald,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.blue,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_lg,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Quicksand"),
+            "ui-sans-serif",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("IBM Plex Mono"),
+            "ui-monospace",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        super().set(
+            body_background_fill="linear-gradient(to bottom right, *primary_50, *primary_100, *primary_200)",
+            body_background_fill_dark="linear-gradient(to bottom right, *primary_900, *primary_800, *primary_700)",
+            button_primary_background_fill="linear-gradient(90deg, *primary_300, *secondary_400)",
+            button_primary_background_fill_hover="linear-gradient(90deg, *primary_200, *secondary_300)",
+            button_primary_text_color="white",
+            button_primary_background_fill_dark="linear-gradient(90deg, *primary_600, *secondary_800)",
+            slider_color="*secondary_300",
+            slider_color_dark="*secondary_600",
+            block_title_text_weight="600",
+            block_border_width="3px",
+            block_shadow="*shadow_drop_lg",
+            button_shadow="*shadow_drop_lg",
+            button_large_padding="32px",
+        )
+
+seafoam = Seafoam()
+
 def download_stock_data(ticker, start_date, end_date):
     stock = yf.Ticker(ticker)
     df = stock.history(start=start_date, end=end_date)
@@ -58,7 +111,7 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
             hovermode='x unified',
             plot_bgcolor='#F5F9F8',
             paper_bgcolor='#F5F9F8',
-            font=dict(family="Inter, sans-serif", size=12, color="#313D38")
+            font=dict(family="Quicksand, sans-serif", size=12, color="#313D38")
         )
 
         fig.update_xaxes(
@@ -81,8 +134,8 @@ def plot_interactive_logarithmic_stock_chart(ticker, start_date, end_date):
 # Get the current date
 current_date = datetime.now().strftime("%Y-%m-%d")
 
-# Create Gradio interface with seafoam theme
-with gr.Blocks(theme=gr.themes.Seafoam(), title="Stock Log Charts") as iface:
+# Create Gradio interface with custom Seafoam theme
+with gr.Blocks(theme=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.")