Update app.py

app.py

@@ -186,32 +186,46 @@ def get_stats():
     }
 
 
-# Create a custom Stanford theme
-class StanfordTheme(gr.Theme):
-    def __init__(self):
-        super().__init__(
-            primary_hue={"name": "cardinal", "c50": "#F9E8E8", "c100": "#F0C9C9", "c200": "#E39B9B", 
-                         "c300": "#D66E6E", "c400": "#C94A4A", "c500": "#B82C2C", "c600": "#8C1515", 
-                         "c700": "#771212", "c800": "#620E0E", "c900": "#4D0A0A", "c950": "#380707"},
-            secondary_hue={"name": "cool_gray", "c50": "#F5F5F6", "c100": "#E6E7E8", "c200": "#CDCED0", 
-                           "c300": "#B3B5B8", "c400": "#9A9CA0", "c500": "#818388", "c600": "#4D4F53", 
-                           "c700": "#424448", "c800": "#36383A", "c900": "#2E2D29", "c950": "#1D1D1B"},
-            neutral_hue="gray",
-            radius_size=gr.themes.sizes.radius_sm,
-            font=[gr.themes.GoogleFont("Source Sans Pro"), "ui-sans-serif", "system-ui"]
-        )
+# Create a Stanford theme using the simpler approach from Gradio examples
+theme = gr.themes.Default(
+    primary_hue=gr.themes.utils.colors.red,
+    secondary_hue=gr.themes.utils.colors.gray,
+    neutral_hue=gr.themes.utils.colors.gray,
+    font=[gr.themes.GoogleFont("Source Sans Pro"), "ui-sans-serif", "system-ui"]
+).set(
+    button_primary_background_fill="#8C1515",
+    button_primary_background_fill_hover="#771212",
+    button_primary_text_color="white",
+    slider_color="#8C1515",
+    block_title_text_color="#8C1515",
+    block_label_text_color="#4D4F53",
+    input_border_color_focus="#8C1515",
+    checkbox_background_color_selected="#8C1515",
+    checkbox_border_color_selected="#8C1515",
+    button_secondary_border_color="#4D4F53",
+    block_title_background_fill="#f5f5f5",
+    block_label_background_fill="#f9f9f9"
+)
 
-# Use the Stanford theme
-theme = StanfordTheme()
+# Custom CSS for additional Stanford styling
+css = """
+.gradio-container {
+    font-family: 'Source Sans Pro', sans-serif !important;
+}
+.footer {
+    color: #4D4F53 !important;
+    font-size: 0.85em !important;
+}
+"""
 
 # Set up the Gradio app
-with gr.Blocks(theme=theme, title="Stanford Soft Raccoon Chat with Dataset Collection") as demo:
+with gr.Blocks(theme=theme, title="Stanford Soft Raccoon Chat", css=css) as demo:
     conversation_id = gr.State("")
     
     with gr.Row():
         with gr.Column(scale=3):
             chatbot = gr.Chatbot(
-                label="Stanford Soft Raccoon Chat",
+                label="Soft Raccoon Chat",
                 avatar_images=(None, "🌲"),  # Stanford tree emoji
                 height=600
             )
@@ -292,8 +306,7 @@ with gr.Blocks(theme=theme, title="Stanford Soft Raccoon Chat with Dataset Colle
     )
     
     # Auto-update stats every 30 seconds
-    gr.on(
-        [demo.load, gr.Timeout(30)], 
+    demo.load(
         update_stats, 
         [], 
         [convo_count, next_save, last_save_time_display, dataset_name_display]
@@ -302,12 +315,6 @@ with gr.Blocks(theme=theme, title="Stanford Soft Raccoon Chat with Dataset Colle
     # Ensure we save on shutdown using atexit
     import atexit
     atexit.register(save_to_dataset)
-    
-    # Set up a function that will be called when the demo loads
-    def on_startup():
-        return update_stats()
-    
-    demo.load(on_startup, [], [convo_count, next_save, last_save_time_display, dataset_name_display])
 
 # Launch the app
 if __name__ == "__main__":