Update app.py

app.py

@@ -51,20 +51,17 @@ examples = [
     ["Portrait of a wise old wizard with a long white beard, holding a glowing crystal staff, magical forest background"],
 ]
 
-# Custom theme with modern aesthetics (Gradio 6)
-custom_theme = gr.themes.Soft(
-    primary_hue="yellow",
-    secondary_hue="amber",
-    neutral_hue="slate",
-    font=gr.themes.GoogleFont("Inter"),
-    text_size="lg",
-    spacing_size="md",
-    radius_size="lg"
-).set(
-    button_primary_background_fill="*primary_500",
-    button_primary_background_fill_hover="*primary_600",
-    block_title_text_weight="600",
-)
+
+css = """
+#col-container { max-width: 1000px; margin: 0 auto; }
+.dark .progress-text { color: white !important; }
+#examples { max-width: 1000px; margin: 0 auto; }
+.dark #examples button,
+.dark #examples .example,
+.dark #examples span {
+    color: white !important;
+}
+"""
 
 # Build the Gradio interface
 with gr.Blocks(fill_height=True) as demo:
@@ -79,7 +76,7 @@ with gr.Blocks(fill_height=True) as demo:
     
     with gr.Row(equal_height=False):
         # Left column - Input controls
-        with gr.Column(scale=1, min_width=320):
+        with gr.Column(scale=1, min_width=320,elem_id="col-container"):
             prompt = gr.Textbox(
                 label="✨ Your Prompt",
                 placeholder="Describe the image you want to create...",
@@ -167,20 +164,7 @@ with gr.Blocks(fill_height=True) as demo:
                 interactive=False,
                 container=True,
             )
-    
-    # Footer credits
-    gr.Markdown(
-        """
-        ---
-        <div style="text-align: center; opacity: 0.7; font-size: 0.9em; margin-top: 1rem;">
-        <strong>Model:</strong> <a href="https://huggingface.co/Tongyi-MAI/Z-Image-Turbo" target="_blank">Tongyi-MAI/Z-Image-Turbo</a> (Apache 2.0 License) • 
-        <strong>Demo by:</strong> <a href="https://x.com/realmrfakename" target="_blank">@mrfakename</a> • 
-        <strong>Redesign by:</strong> AnyCoder • 
-        <strong>Optimizations:</strong> <a href="https://huggingface.co/multimodalart" target="_blank">@multimodalart</a> (FA3 + AoTI)
-        </div>
-        """,
-        elem_classes="footer-text"
-    )
+
     
     # Connect the generate button
     generate_btn.click(
@@ -198,65 +182,8 @@ with gr.Blocks(fill_height=True) as demo:
 
 if __name__ == "__main__":
     demo.launch(
-        theme=custom_theme,
-        css="""
-        .header-text h1 {
-            font-size: 2.5rem !important;
-            font-weight: 700 !important;
-            margin-bottom: 0.5rem !important;
-            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-        
-        .header-text p {
-            font-size: 1.1rem !important;
-            color: #64748b !important;
-            margin-top: 0 !important;
-        }
-        
-        .footer-text {
-            padding: 1rem 0;
-        }
-        
-        .footer-text a {
-            color: #f59e0b !important;
-            text-decoration: none !important;
-            font-weight: 500;
-        }
-        
-        .footer-text a:hover {
-            text-decoration: underline !important;
-        }
-        
-        /* Mobile optimizations */
-        @media (max-width: 768px) {
-            .header-text h1 {
-                font-size: 1.8rem !important;
-            }
-            
-            .header-text p {
-                font-size: 1rem !important;
-            }
-        }
-        
-        /* Smooth transitions */
-        button, .gr-button {
-            transition: all 0.2s ease !important;
-        }
-        
-        button:hover, .gr-button:hover {
-            transform: translateY(-1px);
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
-        }
-        
-        /* Better spacing */
-        .gradio-container {
-            max-width: 1400px !important;
-            margin: 0 auto !important;
-        }
-        """,
+        theme=gr.themes.Citrus(),
+        css=css,
         footer_links=[
             "api",
             "gradio"