Update app.py

app.py

@@ -3,37 +3,33 @@ import gradio as gr
 # Custom CSS for gradient background and styling
 custom_css = """
 .gradio-container {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);
+    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 25%, #fbc2eb 50%, #a6c1ee 75%, #c2e9fb 100%);
     background-size: 400% 400%;
     animation: gradient-animation 15s ease infinite;
     min-height: 100vh;
 }
-
 @keyframes gradient-animation {
     0% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }
-
 .dark .gradio-container {
-    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533483 75%, #e94560 100%);
+    background: linear-gradient(135deg, #2a2a3e 0%, #3a3a5e 25%, #4a4a6e 50%, #5a5a7e 75%, #6a6a8e 100%);
     background-size: 400% 400%;
     animation: gradient-animation 15s ease infinite;
 }
-
 /* Style for content areas */
 .main-container {
-    background-color: rgba(255, 255, 255, 0.95);
+    background-color: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(10px);
     border-radius: 20px;
     padding: 20px;
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
-    border: 1px solid rgba(255, 255, 255, 0.18);
+    box-shadow: 0 4px 20px 0 rgba(31, 38, 135, 0.15);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     margin: 10px;
 }
-
 .dark .main-container {
-    background-color: rgba(30, 30, 30, 0.95);
+    background-color: rgba(40, 40, 40, 0.95);
     border: 1px solid rgba(255, 255, 255, 0.1);
 }
 """
@@ -45,7 +41,7 @@ def switch_model(model_choice):
     """Function to switch between models"""
     return gr.update(visible=False), gr.update(visible=True), model_choice
 
-with gr.Blocks(fill_height=True, theme="Nymbo/Nymbo_Theme", css=custom_css) as demo:
+with gr.Blocks(fill_height=True, theme="soft", css=custom_css) as demo:
     with gr.Row():
         # Sidebar
         with gr.Column(scale=1):