Upload app.py

app.py

@@ -223,13 +223,23 @@ body {
     box-shadow: 0 0 0 2px rgba(245,0,87,0.2) !important;
 }
 .input-background {
-    background-color: #e6f7ff !important;
+    background-color: #B7E0FF !important;
     padding: 15px !important;
     border-radius: 10px !important;
 }
-.row-background {
-    background-color: #fff0f5 !important;
-    padding: 15px !important;
+.lng-background {
+    background-color: #FFF5CD !important;
+    padding: 5px !important;
+    border-radius: 10px !important;
+}
+.sk1-background {
+    background-color: #FFF5CD !important;
+    padding: 5px !important;
+    border-radius: 10px !important;
+}
+.sk2-background {
+    background-color: #FFF5CD !important;
+    padding: 5px !important;
     border-radius: 10px !important;
 }
 """
@@ -239,13 +249,14 @@ with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as iface:
     
     input_text = gr.Textbox(label="請輸入 Podcast 話題（建議50~500字之間）", placeholder="輸入 Podcast 話題內容，越詳細劇本越佳......", elem_classes="input-background")
     
-    with gr.Row(elem_classes="row-background"):
+    with gr.Row():
         Language = gr.Dropdown(
             choices=["繁體中文", "Auto Detect", "English", "日本語", "한국어"], 
             value="繁體中文", 
             label="語言",
             interactive=True,
-            scale=1
+            scale=1,
+            elem_classes="lng-background"
         )
         
         speaker_choices = [
@@ -280,17 +291,19 @@ with gr.Blocks(theme=gr.themes.Monochrome(), css=custom_css) as iface:
             value="YunJhe - 臺灣國語 (Male)", 
             label="主持人的語音",
             interactive=True,
-            scale=2
+            scale=2,
+            elem_classes="sk1-background"
         )
         Speaker_2 = gr.Dropdown(
             choices=speaker_choices, 
             value="HsiaoChen - 臺灣國語 (Female)", 
             label="來賓的語音",
             interactive=True,
-            scale=2
+            scale=2,
+            elem_classes="sk2-background"
         )
     
-    with gr.Row(elem_classes="row-background"):
+    with gr.Row():
         generate_button = gr.Button("生成", scale=2, elem_classes="gen-button")
         api_key = gr.Textbox(label="API Key", type="password", placeholder="API authentication key for large language models", scale=1)