update app

app.py

@@ -29,27 +29,27 @@ print("Using device:", device)
 from gradio.themes import Soft
 from gradio.themes.utils import colors, fonts, sizes
 
-colors.steel_blue = colors.Color(
-    name="steel_blue",
-    c50="#EBF3F8",
-    c100="#D3E5F0",
-    c200="#A8CCE1",
-    c300="#7DB3D2",
-    c400="#529AC3",
-    c500="#4682B4",
-    c600="#3E72A0",
-    c700="#36638C",
-    c800="#2E5378",
-    c900="#264364",
-    c950="#1E3450",
+colors.orange_red = colors.Color(
+    name="orange_red",
+    c50="#FFF0E5",
+    c100="#FFE0CC",
+    c200="#FFC299",
+    c300="#FFA366",
+    c400="#FF8533",
+    c500="#FF4500",
+    c600="#E63E00",
+    c700="#CC3700",
+    c800="#B33000",
+    c900="#992900",
+    c950="#802200",
 )
 
-class SteelBlueTheme(Soft):
+class OrangeRedTheme(Soft):
     def __init__(
         self,
         *,
         primary_hue: colors.Color | str = colors.gray,
-        secondary_hue: colors.Color | str = colors.steel_blue,
+        secondary_hue: colors.Color | str = colors.orange_red,
         neutral_hue: colors.Color | str = colors.slate,
         text_size: sizes.Size | str = sizes.text_lg,
         font: fonts.Font | str | Iterable[fonts.Font | str] = (
@@ -76,8 +76,8 @@ class SteelBlueTheme(Soft):
             button_primary_text_color_hover="white",
             button_primary_background_fill="linear-gradient(90deg, *secondary_500, *secondary_600)",
             button_primary_background_fill_hover="linear-gradient(90deg, *secondary_600, *secondary_700)",
-            button_primary_background_fill_dark="linear-gradient(90deg, *secondary_600, *secondary_800)",
-            button_primary_background_fill_hover_dark="linear-gradient(90deg, *secondary_500, *secondary_500)",
+            button_primary_background_fill_dark="linear-gradient(90deg, *secondary_600, *secondary_700)",
+            button_primary_background_fill_hover_dark="linear-gradient(90deg, *secondary_500, *secondary_600)",
             button_secondary_text_color="black",
             button_secondary_text_color_hover="white",
             button_secondary_background_fill="linear-gradient(90deg, *primary_300, *primary_300)",
@@ -95,7 +95,7 @@ class SteelBlueTheme(Soft):
             block_label_background_fill="*primary_200",
         )
 
-steel_blue_theme = SteelBlueTheme()
+orange_red_theme = OrangeRedTheme()
 
 # --- Main Model Initialization ---
 MAX_SEED = np.iinfo(np.int32).max
@@ -170,7 +170,7 @@ css="""
     margin: 0 auto;
     max-width: 960px;
 }
-#main-title h1 {font-size: 2.1em !important;}
+#main-title h1 {font-size: 2.2em !important;}
 """
 
 with gr.Blocks() as demo:
@@ -181,16 +181,16 @@ with gr.Blocks() as demo:
         
         with gr.Row():
             with gr.Column():
-                input_image = gr.Image(label="Upload Image", type="pil", height="300")
-                with gr.Row():
-                    prompt = gr.Text(
-                        label="Edit Prompt",
-                        show_label=False,
-                        max_lines=1,
-                        placeholder="Enter your prompt for editing (e.g., 'Remove glasses')",
-                        container=False,
-                    )
-                    run_button = gr.Button("Run", variant="primary", scale=0)
+                input_image = gr.Image(label="Upload Image", type="pil", height=290)
+                
+                prompt = gr.Text(
+                    label="Edit Prompt",
+                    show_label=True,
+                    placeholder="e.g., transform into anime..",
+                )
+
+                run_button = gr.Button("Edit Image", variant="primary")
+
                 with gr.Accordion("Advanced Settings", open=False):
                     
                     seed = gr.Slider(
@@ -220,7 +220,7 @@ with gr.Blocks() as demo:
                     )
                     
             with gr.Column():
-                output_image = gr.Image(label="Output Image", interactive=False)
+                output_image = gr.Image(label="Output Image", interactive=False, format="png", height=323)
                 reuse_button = gr.Button("Reuse this image", visible=False)
                 
                 with gr.Row():
@@ -266,4 +266,4 @@ with gr.Blocks() as demo:
         outputs=[input_image]
     )
 
-demo.launch(css=css, theme=steel_blue_theme, mcp_server=True, ssr_mode=False, show_error=True)
+demo.launch(css=css, theme=orange_red_theme, mcp_server=True, ssr_mode=False, show_error=True)