different design

app.py

@@ -163,26 +163,8 @@ custom_css = """
 
 # Define the Gradio interface with the new design
 def create_demo():
-    # Create a custom theme
-    theme = gr.themes.Base(
-        primary_hue="blue",
-        secondary_hue="teal",
-        neutral_hue="gray",
-        font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"],
-    ).set(
-        button_primary_background_fill="#2196F3",
-        button_primary_background_fill_hover="#1976D2",
-        button_primary_text_color="white",
-        button_secondary_background_fill="#f5f5f5",
-        button_secondary_background_fill_hover="#e0e0e0",
-        button_secondary_text_color="#333",
-        background_fill="#ffffff",
-        block_background_fill="#fafafa",
-        block_border_width="1px",
-        block_border_color="#e0e0e0",
-        block_radius="8px",
-        block_title_text_weight="600",
-    )
+    # Use the Monochrome theme with custom CSS for better compatibility
+    theme = gr.themes.Monochrome()
 
     with gr.Blocks(theme=theme, css=custom_css) as demo:
         # Header section