update app

app.py

@@ -30,20 +30,20 @@ from gradio.themes.utils import colors, fonts, sizes
 
 # --- Theme and CSS Definition ---
 
-# Define the new DeepSkyBlue color palette
-colors.deep_sky_blue = colors.Color(
-    name="deep_sky_blue",
-    c50="#E0F7FF",
-    c100="#B3ECFF",
-    c200="#80E0FF",
-    c300="#4DD5FF",
-    c400="#1AC9FF",
-    c500="#00BFFF",  # DeepSkyBlue base color
-    c600="#00ACE6",
-    c700="#0099CC",
-    c800="#0086B3",
-    c900="#007399",
-    c950="#006080",
+# Define the Thistle color palette
+colors.thistle = colors.Color(
+    name="thistle",
+    c50="#F9F5F9",
+    c100="#F0E8F1",
+    c200="#E7DBE8",
+    c300="#DECEE0",
+    c400="#D2BFD8",
+    c500="#D8BFD8",  # Thistle base color
+    c600="#B59CB7",
+    c700="#927996",
+    c800="#6F5675",
+    c900="#4C3454",
+    c950="#291233",
 )
 
 colors.red_gray = colors.Color(
@@ -53,12 +53,12 @@ colors.red_gray = colors.Color(
     c800="#732d2d", c900="#5f2626", c950="#4d2020",
 )
 
-class DeepSkyBlueTheme(Soft):
+class ThistleTheme(Soft):
     def __init__(
         self,
         *,
         primary_hue: colors.Color | str = colors.gray,
-        secondary_hue: colors.Color | str = colors.deep_sky_blue, # Use the new color
+        secondary_hue: colors.Color | str = colors.thistle, # Use the new color
         neutral_hue: colors.Color | str = colors.slate,
         text_size: sizes.Size | str = sizes.text_lg,
         font: fonts.Font | str | Iterable[fonts.Font | str] = (
@@ -81,10 +81,10 @@ class DeepSkyBlueTheme(Soft):
             background_fill_primary_dark="*primary_900",
             body_background_fill="linear-gradient(135deg, *primary_200, *primary_100)",
             body_background_fill_dark="linear-gradient(135deg, *primary_900, *primary_800)",
-            button_primary_text_color="white",
+            button_primary_text_color="black",
             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="linear-gradient(90deg, *secondary_400, *secondary_500)",
+            button_primary_background_fill_hover="linear-gradient(90deg, *secondary_500, *secondary_600)",
             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",
@@ -93,7 +93,7 @@ class DeepSkyBlueTheme(Soft):
             button_secondary_background_fill_hover="linear-gradient(90deg, *primary_400, *primary_400)",
             button_secondary_background_fill_dark="linear-gradient(90deg, *primary_500, *primary_600)",
             button_secondary_background_fill_hover_dark="linear-gradient(90deg, *primary_500, *primary_500)",
-            slider_color="*secondary_500",
+            slider_color="*secondary_400",
             slider_color_dark="*secondary_600",
             block_title_text_weight="600",
             block_border_width="3px",
@@ -105,7 +105,7 @@ class DeepSkyBlueTheme(Soft):
         )
 
 # Instantiate the new theme
-deep_sky_blue_theme = DeepSkyBlueTheme()
+thistle_theme = ThistleTheme()
 
 css = """
 #main-title h1 {
@@ -377,7 +377,6 @@ def generate_gif(text: str, gif_path: str, max_new_tokens: int = 1024, temperatu
         time.sleep(0.01)
         yield buffer, buffer
 
-# examples
 image_examples = [["Perform OCR on the image...", "examples/images/1.jpg"],
                   ["Caption the image. Describe the safety measures shown in the image. Conclude whether the situation is (safe or unsafe)...", "examples/images/2.jpg"],
                   ["Solve the problem...", "examples/images/3.png"]]
@@ -392,7 +391,7 @@ gif_examples = [["Describe this GIF.", "examples/gifs/1.gif"],
 caption_examples = [["examples/captions/1.JPG"],
                     ["examples/captions/2.jpeg"], ["examples/captions/3.jpeg"]]
 
-with gr.Blocks(theme=deep_sky_blue_theme, css=css) as demo:
+with gr.Blocks(theme=thistle_theme, css=css) as demo:
     pdf_state = gr.State(value=get_initial_pdf_state())
     gr.Markdown("# **Qwen-3VL:Multimodal**", elem_id="main-title")
     with gr.Row():