Update app.py

app.py

@@ -29,20 +29,11 @@ from transformers.image_utils import load_image
 from gradio.themes import Soft
 from gradio.themes.utils import colors, fonts, sizes
 
-# Define a new "Steel Blue" color palette
-colors.steel_blue = colors.Color(
-    name="steel_blue",
-    c50="#F0F5FA",
-    c100="#D8E4F1",
-    c200="#C1D3E8",
-    c300="#A9C2DE",
-    c400="#7A9ECB",
-    c500="#4682B4",  # Steel Blue
-    c600="#3D719E",
-    c700="#346088",
-    c800="#2B4F71",
-    c900="#223E5B",
-    c950="#1A2D45",
+colors.teal_gray = colors.Color(
+    name="teal_gray",
+    c50="#e8f1f4", c100="#cddde3", c200="#a8c3cf", c300="#7da6b8",
+    c400="#588aa2", c500="#3d6e87", c600="#335b70", c700="#2b495a",
+    c800="#2c5364", c900="#233f4b", c950="#1b323c",
 )
 
 colors.red_gray = colors.Color(
@@ -52,12 +43,12 @@ colors.red_gray = colors.Color(
     c800="#732d2d", c900="#5f2626", c950="#4d2020",
 )
 
-class SteelBlueTheme(Soft):
+class Teals(Soft):
     def __init__(
         self,
         *,
         primary_hue: colors.Color | str = colors.gray,
-        secondary_hue: colors.Color | str = colors.steel_blue, # Use the new steel_blue color
+        secondary_hue: colors.Color | str = colors.teal_gray,
         neutral_hue: colors.Color | str = colors.slate,
         text_size: sizes.Size | str = sizes.text_md,
         font: fonts.Font | str | Iterable[fonts.Font | str] = (
@@ -82,8 +73,8 @@ class SteelBlueTheme(Soft):
             body_background_fill_dark="linear-gradient(135deg, *primary_900, *primary_800)",
             button_primary_text_color="white",
             button_primary_text_color_hover="black",
-            button_primary_background_fill="linear-gradient(90deg, *secondary_500, *secondary_500)",
-            button_primary_background_fill_hover="linear-gradient(90deg, *secondary_400, *secondary_400)",
+            button_primary_background_fill="linear-gradient(90deg, *secondary_400, *secondary_400)",
+            button_primary_background_fill_hover="linear-gradient(90deg, *secondary_300, *secondary_300)",
             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_secondary_text_color="black",
@@ -100,7 +91,7 @@ class SteelBlueTheme(Soft):
             button_cancel_text_color_dark="white",
             button_cancel_text_color_hover="white",
             button_cancel_text_color_hover_dark="white",
-            slider_color="*secondary_400",
+            slider_color="*secondary_300",
             slider_color_dark="*secondary_600",
             block_title_text_weight="600",
             block_border_width="3px",
@@ -111,16 +102,10 @@ class SteelBlueTheme(Soft):
             block_label_background_fill="*primary_200",
         )
 
-steel_blue_theme = SteelBlueTheme()
+teals = Teals()
 
 # --- Custom CSS ---
 css = """
-/* Add a slight zoom to the entire UI */
-.gradio-container {
-    transform: scale(1.03);
-    transform-origin: top center;
-    margin-top: 20px; /* Add some margin to prevent top cutoff */
-}
 :root {
     --color-grey-50: #f9fafb;
     --banner-background: var(--secondary-400);
@@ -328,7 +313,7 @@ image_examples = [["Describe the safety measures in the image. Conclude (Safe /
 video_examples = [["Explain the video in detail.", "videos/2.mp4"]]
 pdf_examples = [["examples/sample-doc.pdf"]]
 
-with gr.Blocks(theme=steel_blue_theme, css=css) as demo:
+with gr.Blocks(theme=teals, css=css) as demo:
     pdf_state = gr.State(value=get_initial_pdf_state())
     gr.Markdown("# **Qwen3-VL-Processor**")
     with gr.Row():
@@ -372,7 +357,6 @@ with gr.Blocks(theme=steel_blue_theme, css=css) as demo:
             with gr.Accordion("(Result.md)", open=False):
                 markdown_output = gr.Markdown(label="(Result.Md)")
                 
-    # Event handlers
     # Event handlers
     image_submit.click(
         fn=generate_image,