Update theme.py

theme.py

@@ -1,5 +1,4 @@
-"""
-DebugGenie Custom Theme for Gradio 6
+"""DebugGenie Custom Theme for Gradio 6
 "Onyx Pro" - Clean, professional, matte black theme.
 """
 import gradio as gr
@@ -7,43 +6,58 @@ import gradio as gr
 def create_debuggenie_theme():
     """Create the custom DebugGenie theme with professional dark mode."""
     
-    # Base theme - using Zinc/Slate for a neutral, professional look
-    theme = gr.themes.Base(
-        primary_hue="blue", # Professional blue for actions
-        secondary_hue="zinc", # Zinc for neutrals
+    # Base theme - using Soft as starting point for better defaults
+    theme = gr.themes.Soft(
+        primary_hue="blue",  # Professional blue for actions
+        secondary_hue="zinc",  # Zinc for neutrals
         neutral_hue="zinc",
         font=gr.themes.GoogleFont("Inter"),
         font_mono=gr.themes.GoogleFont("JetBrains Mono"),
+        spacing_size="md",
+        radius_size="lg",
+        text_size="md"
     )
     
     # Apply custom styling - Minimalist & Clean
     theme.set(
         # Backgrounds - Matte Black & Deep Zinc
-        body_background_fill="#09090b", # Zinc 950
-        block_background_fill="#18181b", # Zinc 900
-        panel_background_fill="#18181b",
+        body_background_fill="#09090b",  # Zinc 950
+        body_background_fill_dark="#09090b",
+        block_background_fill="#18181b",  # Zinc 900
+        block_background_fill_dark="#18181b",
         
         # Borders - Subtle and refined
-        border_color_primary="#27272a", # Zinc 800
+        border_color_primary="#27272a",  # Zinc 800
+        border_color_primary_dark="#27272a",
         block_border_width="1px",
         
         # Text - High contrast
-        body_text_color="#f4f4f5", # Zinc 100
-        body_text_color_subdued="#a1a1aa", # Zinc 400
+        body_text_color="#f4f4f5",  # Zinc 100
+        body_text_color_dark="#f4f4f5",
+        body_text_color_subdued="#a1a1aa",  # Zinc 400
         
         # Buttons - Flat and clean
-        button_primary_background_fill="#2563eb", # Blue 600
-        button_primary_background_fill_hover="#1d4ed8", # Blue 700
+        button_primary_background_fill="#2563eb",  # Blue 600
+        button_primary_background_fill_dark="#2563eb",
+        button_primary_background_fill_hover="#1d4ed8",  # Blue 700
+        button_primary_background_fill_hover_dark="#1d4ed8",
         button_primary_text_color="white",
+        button_primary_text_color_dark="white",
         
-        button_secondary_background_fill="#27272a", # Zinc 800
-        button_secondary_background_fill_hover="#3f3f46", # Zinc 700
-        button_secondary_text_color="#e4e4e7", # Zinc 200
+        button_secondary_background_fill="#27272a",  # Zinc 800
+        button_secondary_background_fill_dark="#27272a",
+        button_secondary_background_fill_hover="#3f3f46",  # Zinc 700
+        button_secondary_background_fill_hover_dark="#3f3f46",
+        button_secondary_text_color="#e4e4e7",  # Zinc 200
+        button_secondary_text_color_dark="#e4e4e7",
         
         # Inputs
         input_background_fill="#09090b",
+        input_background_fill_dark="#09090b",
         input_border_color="#27272a",
+        input_border_color_dark="#27272a",
         input_border_color_focus="#3b82f6",
+        input_border_color_focus_dark="#3b82f6",
         
         # Shadows - Minimal
         shadow_drop="none",
@@ -53,4 +67,4 @@ def create_debuggenie_theme():
     return theme
 
 # Create the theme instance
-debuggenie_theme = create_debuggenie_theme()
+debuggenie_theme = create_debuggenie_theme()