Style CSS update

app.py

@@ -185,11 +185,9 @@ def bridge_predict_frame(frame, st):
 # ==========================================
 # 4. Gradio 介面建構
 # ==========================================
+css_ = "#app_container { max-width: 960px; margin: 0 auto; }" 
 
-# 這裡會讀取 emotion.py 中我們剛剛修改過的 CSS
-combined_css = emotion.css 
-
-with gr.Blocks(title="AI 心情食堂") as demo:
+with gr.Blocks(title="AI 心情食堂", css=css_) as demo:
     
     st_state = gr.State(emotion.AppState())
 

emotion.py

@@ -446,38 +446,8 @@ def on_stop(st: AppState):
 
 
 # =========================
-# Gradio UI & CSS (重要修改處)
+# Gradio UI
 # =========================
-css = """
-/* 讓 App 容器置中且維持淺色背景 */
-#app_container { max-width: 960px; margin: 0 auto; }
-.gradio-container { background: #f1f5f9 !important; }
-
-/* 1. 全域強制標題與文字為黑色 (針對 Markdown 生成的內容) */
-.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6, 
-.prose p, .prose strong, .prose em, .prose li {
-    color: #000000 !important;
-}
-
-/* 2. 針對 Tab 按鈕文字強制為黑色 */
-.tab-nav button {
-    color: #000000 !important;
-}
-.tab-nav button.selected {
-    color: #000000 !important;
-    font-weight: bold; /* 選中時加粗 */
-}
-
-/* 3. 針對輸入元件的 Label (例如 Radio, Textbox 上方的文字) */
-label span {
-    color: #000000 !important;
-}
-
-/* 4. 其他一般文字區塊 */
-.markdown-text {
-    color: #000000 !important;
-}
-"""
 
 if __name__ == "__main__":
     with gr.Blocks(title="Emotion Detector", css=css) as demo: