Remove dark mode toggles and raise quality defaults

app.py

@@ -13,8 +13,8 @@ from diffusers import StableDiffusionPipeline
 
 
 MODEL_ID = os.getenv("MODEL_ID", "stabilityai/sd-turbo")
-MAX_STEPS = int(os.getenv("MAX_STEPS", "4"))
-GPU_DURATION = max(10, min(int(os.getenv("GPU_DURATION", "10")), 30))
+MAX_STEPS = int(os.getenv("MAX_STEPS", "12"))
+GPU_DURATION = max(10, min(int(os.getenv("GPU_DURATION", "20")), 30))
 BUILD_TAG = os.getenv("SPACE_BUILD_TAG", datetime.now(timezone.utc).strftime("%Y-%m-%d %H:%M:%S UTC"))
 
 _pipe: Optional[StableDiffusionPipeline] = None
@@ -325,15 +325,13 @@ with gr.Blocks(title="PixelForge ZeroGPU") as demo:
         with gr.Column(scale=1):
             prompt = gr.Textbox(label="Prompt", placeholder="z. B. cinematic cyberpunk city at night", lines=3)
             negative_prompt = gr.Textbox(label="Negative Prompt", value="blurry, low quality", lines=2)
-            steps = gr.Slider(1, MAX_STEPS, value=min(4, MAX_STEPS), step=1, label="Steps")
-            guidance = gr.Slider(0.0, 8.0, value=1.5, step=0.1, label="Guidance")
+            steps = gr.Slider(1, MAX_STEPS, value=min(8, MAX_STEPS), step=1, label="Steps")
+            guidance = gr.Slider(0.0, 8.0, value=2.4, step=0.1, label="Guidance")
             width = gr.Slider(256, 1024, value=768, step=64, label="Bildbreite")
             height = gr.Slider(256, 1024, value=768, step=64, label="Bildhöhe")
             seed = gr.Textbox(label="Seed", value="42")
             adult_enabled = gr.Checkbox(label="Adult-Generierung erlauben (18+)", value=False)
             realism_boost = gr.Checkbox(label="Realismus Boost", value=True)
-            full_dark_mode = gr.Checkbox(label="Dark Mode (gesamte Seite)", value=False)
-            dark_mode = gr.Checkbox(label="Dark Mode für Ergebnisbild", value=True)
             style_select = gr.Dropdown(
                 label="Random Style",
                 choices=["Mix", "Cinematic", "Photo", "Anime", "Fantasy", "Studio"],
@@ -372,89 +370,6 @@ with gr.Blocks(title="PixelForge ZeroGPU") as demo:
         api_name=False,
     )
 
-    dark_mode.change(
-        fn=None,
-        inputs=[dark_mode],
-        outputs=None,
-        queue=False,
-        api_name=False,
-        js="""
-        (enabled) => {
-            const imageContainer = document.getElementById('result-image');
-            if (!imageContainer) return;
-
-            imageContainer.style.background = enabled ? '#0f1115' : '';
-            imageContainer.style.borderColor = enabled ? '#2a2f3a' : '';
-
-            const image = imageContainer.querySelector('img');
-            if (image) {
-                image.style.filter = enabled ? 'brightness(0.82)' : 'none';
-            }
-        }
-        """,
-    )
-
-    full_dark_mode.change(
-        fn=None,
-        inputs=[full_dark_mode],
-        outputs=None,
-        queue=False,
-        api_name=False,
-        js="""
-        (enabled) => {
-            const styleId = 'pf-global-dark-style';
-            let styleEl = document.getElementById(styleId);
-
-            if (!styleEl) {
-                styleEl = document.createElement('style');
-                styleEl.id = styleId;
-                styleEl.textContent = `
-                    html.pf-dark, body.pf-dark {
-                        background: #0b0d12 !important;
-                        color: #e5e7eb !important;
-                    }
-                    body.pf-dark .gradio-container {
-                        background: #0b0d12 !important;
-                        color: #e5e7eb !important;
-                    }
-                    body.pf-dark .gradio-container h1,
-                    body.pf-dark .gradio-container h2,
-                    body.pf-dark .gradio-container h3,
-                    body.pf-dark .gradio-container p,
-                    body.pf-dark .gradio-container label,
-                    body.pf-dark .gradio-container span,
-                    body.pf-dark .gradio-container .prose {
-                        color: #e5e7eb !important;
-                    }
-                    body.pf-dark .gradio-container .block,
-                    body.pf-dark .gradio-container .gr-box,
-                    body.pf-dark .gradio-container .gr-panel,
-                    body.pf-dark .gradio-container .gr-form,
-                    body.pf-dark .gradio-container .gr-group {
-                        background: #111827 !important;
-                        border-color: #374151 !important;
-                        color: #e5e7eb !important;
-                    }
-                    body.pf-dark .gradio-container input,
-                    body.pf-dark .gradio-container textarea,
-                    body.pf-dark .gradio-container select {
-                        background: #0f172a !important;
-                        color: #e5e7eb !important;
-                        border-color: #334155 !important;
-                    }
-                    body.pf-dark .gradio-container button {
-                        filter: brightness(0.92);
-                    }
-                `;
-                document.head.appendChild(styleEl);
-            }
-
-            document.documentElement.classList.toggle('pf-dark', !!enabled);
-            document.body.classList.toggle('pf-dark', !!enabled);
-        }
-        """,
-    )
-
     run_btn.click(
         fn=generate_image,
         inputs=[prompt, negative_prompt, steps, guidance, width, height, seed, adult_enabled, realism_boost],