Update app.py

app.py

@@ -20,7 +20,6 @@ except Exception as e:
     asr_pipeline = None
 
 # --- Load ViT5 Translation ---
-# Lưu ý: Đảm bảo bạn đã upload các file model ra ngoài cùng (root)
 TRANSLATION_MODEL_PATH = "." 
 
 print(f"Đang tải model dịch...")
@@ -81,7 +80,7 @@ def full_pipeline(audio, text_input, mode):
 # 3. GIAO DIỆN COFFEE THEME (UI/UX)
 # ==========================================
 
-# CSS Tông màu Cà phê (Nâu - Be - Kem)
+# CSS Tông màu Cà phê (Sửa lại màu chữ Header)
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Roboto:wght@300;400;500&display=swap');
 
@@ -90,24 +89,26 @@ body {
     background-color: #fdfbf7; 
 }
 
+/* --- HEADER --- */
 .header-container {
     background: linear-gradient(135deg, #3e2723 0%, #5d4037 100%);
     padding: 30px;
     border-radius: 15px;
-    color: #fff8e1; 
     text-align: center;
     box-shadow: 0 6px 12px rgba(62, 39, 35, 0.3);
     margin-bottom: 25px;
     border-bottom: 4px solid #8d6e63;
 }
 
+/* Ép màu trắng bằng !important */
 .uni-name { 
     font-family: 'Roboto', sans-serif;
-    font-size: 14px; 
+    font-size: 16px; 
     text-transform: uppercase; 
     letter-spacing: 2px; 
-    opacity: 0.9; 
-    color: #d7ccc8;
+    color: #ffffff !important;  /* Màu trắng */
+    font-weight: bold;
+    opacity: 0.9;
 }
 
 .project-name { 
@@ -116,18 +117,20 @@ body {
     font-weight: 700; 
     margin: 15px 0; 
     text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+    color: #ffffff !important; /* Màu trắng */
 }
 
 .author-name { 
     font-size: 14px; 
     font-style: italic; 
-    color: #efebe9;
-    border-top: 1px solid rgba(255,255,255,0.2);
+    color: #ffffff !important; /* Màu trắng */
+    border-top: 1px solid rgba(255,255,255,0.3);
     display: inline-block;
     padding-top: 10px;
     margin-top: 5px;
 }
 
+/* --- BUTTONS --- */
 button.primary-btn {
     background-color: #6d4c41 !important;
     color: white !important;
@@ -143,6 +146,7 @@ button.primary-btn:hover {
     box-shadow: 0 6px 10px rgba(109, 76, 65, 0.3);
 }
 
+/* --- OTHER --- */
 .label-text {
     font-weight: bold;
     color: #4e342e;
@@ -169,19 +173,17 @@ button.primary-btn:hover {
 }
 """
 
-# TẠO THEME (SỬA LỖI Ở ĐÂY)
-# Thay vì dùng colors.brown (không có ở bản cũ), ta dùng "orange" và "gray"
-# Sau đó dùng .set() để ghi đè mã màu chính xác
+# Tạo Theme (Sử dụng màu cơ bản để tránh lỗi phiên bản)
 coffee_theme = gr.themes.Soft(
-    primary_hue="orange",   # Thay thế cho brown
+    primary_hue="orange",
     secondary_hue="yellow",
-    neutral_hue="gray",     # Thay thế cho stone
+    neutral_hue="gray",
 ).set(
     body_background_fill="#fcf9f2",     
     block_background_fill="#ffffff",
     block_border_width="1px",
     block_shadow="0 2px 4px rgba(0,0,0,0.05)",
-    button_primary_background_fill="#6d4c41", # Màu nâu cà phê
+    button_primary_background_fill="#6d4c41",
     button_primary_background_fill_hover="#5d4037",
     button_primary_text_color="white",
     slider_color="#8d6e63"
@@ -254,7 +256,7 @@ with gr.Blocks(css=custom_css, theme=coffee_theme, title="VSL Coffee Translator"
                 lines=2
             )
             
-            gr.HTML("<br>") # Khoảng cách
+            gr.HTML("<br>") 
 
             # Kết quả cuối cùng
             gr.Label("Bước 2: Cú pháp Ký hiệu (VSL)", show_label=False, color="red")