Upload Application Gradio principale

app.py

@@ -1466,11 +1466,21 @@ def create_mcp_interface():
         }
     }
     
-    body, .gradio-container {
+    html, body, .gradio-container, .app, .main, #root {
         max-width: 900px !important;
         margin: 0 auto !important;
         background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-        min-height: 100vh;
+        min-height: 100vh !important;
+    }
+    
+    /* Forcer le fond sur HuggingFace Spaces */
+    .gradio-app {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    }
+    
+    /* Override Hugging Face Spaces default styles */
+    .app.svelte-182fdeq.svelte-182fdeq {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
     }
     
     .weather-card {
@@ -1938,9 +1948,20 @@ def create_mcp_interface():
     
     """
     
+    # Thème personnalisé pour HuggingFace Spaces
+    theme = gr.themes.Soft(
+        primary_hue="blue",
+        secondary_hue="purple",
+        neutral_hue="slate"
+    ).set(
+        body_background_fill="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+        background_fill_primary="transparent",
+        background_fill_secondary="transparent"
+    )
+    
     with gr.Blocks(
         title="🌦️ Météo France - Serveur MCP",
-        theme=gr.themes.Soft(),
+        theme=theme,
         css=custom_css
     ) as interface: