apply new theme

app.py

@@ -7,7 +7,8 @@ import spaces
 from PIL import Image
 
 
-mpl.style.use("dark_background")
+plt.rcParams['figure.facecolor'] = '#0b0f19'
+plt.rcParams['text.color'] = '#aab6cc'
 ladeco = Ladeco()
 
 
@@ -31,6 +32,12 @@ def infer(img: str) -> tuple[Figure, Figure]:
 
     pie = plot_pie(l2_area, colors=colors)
 
+    seg.set_dpi(96)
+    seg.set_size_inches(256/96, 256/96)  # 256px x 256px
+
+    pie.set_dpi(96)
+    pie.set_size_inches(256/96, 256/96)  # 256px x 256px
+
     return seg, pie
 
 
@@ -98,17 +105,40 @@ css = """
 }
 .example-image {
     height: 220px;
+    padding: 25px;
 }
 """.strip()
 theme = gr.themes.Base(
     primary_hue="orange",
-    secondary_hue="orange",
+    secondary_hue="cyan",
     neutral_hue="gray",
-    font=gr.themes.GoogleFont("Source Sans Pro"),
 ).set(
-    background_fill_primary="*neutral_950",  # 主背景色（深黑）
-    button_primary_background_fill="*primary_500",  # 按鈕顏色（橘色）
-    body_text_color="*neutral_200",  # 文字顏色（淺色）
+    body_text_color='*neutral_100',
+    body_text_color_subdued='*neutral_600',
+    background_fill_primary='*neutral_950',
+    background_fill_secondary='*neutral_600',
+    border_color_accent='*secondary_800',
+    color_accent='*primary_50',
+    color_accent_soft='*secondary_800',
+    code_background_fill='*neutral_700',
+    block_background_fill_dark='*body_background_fill',
+    block_info_text_color='#6b7280',
+    block_label_text_color='*neutral_300',
+    block_label_text_weight='700',
+    block_title_text_color='*block_label_text_color',
+    block_title_text_weight='300',
+    panel_background_fill='*neutral_800',
+    table_text_color_dark='*secondary_800',
+    checkbox_background_color_selected='*primary_500',
+    checkbox_label_background_fill='*neutral_500',
+    checkbox_label_background_fill_hover='*neutral_700',
+    checkbox_label_text_color='*neutral_200',
+    input_background_fill='*neutral_700',
+    input_background_fill_focus='*neutral_600',
+    slider_color='*primary_500',
+    table_even_background_fill='*neutral_700',
+    table_odd_background_fill='*neutral_600',
+    table_row_focus='*neutral_800'
 )
 with gr.Blocks(css=css, theme=theme) as demo:
     gr.HTML(
@@ -127,7 +157,8 @@ with gr.Blocks(css=css, theme=theme) as demo:
             img = gr.Image(
                 label="輸入影像（不支援 SVG 格式）",
                 type="filepath",
-                elem_classes="selected-image",
+                height="256px",
+                #elem_classes="selected-image",
             )
             gr.Label("範例影像", show_label=False)
             with gr.Row():
@@ -163,7 +194,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
             seg = gr.Plot(label="語意分割")
             pie = gr.Plot(label="元素面積比例")
 
-    start = gr.Button("開始分析", variant="primary")
+    start = gr.Button("開始", variant="primary")
 
     gr.HTML(
         """
@@ -180,6 +211,5 @@ with gr.Blocks(css=css, theme=theme) as demo:
     ex2.select(fn=choose_example, inputs=ex2, outputs=img)
     ex3.select(fn=choose_example, inputs=ex3, outputs=img)
 
-
 if __name__ == "__main__":
     demo.launch()