Update app.py

app.py

@@ -76,7 +76,7 @@ def logout(ip, cookie, account):
 custom_css = """
 .mock-panel { background-color: #f0f4f8; padding: 15px; border-radius: 8px; border: 1px dashed #7b9bb3; }
 .login-container { max-width: 500px; margin: 0 auto; padding: 20px; }
-.placeholder-box { background-color: #e9ecef; border: 2px dashed #ced4da; text-align: center; color: #6c757d; padding: 40px 0; margin-bottom: 15px; border-radius: 5px; }
+.placeholder-box { background-color: #e9ecef; border: 2px dashed #ced4da; text-align: center; color: black; padding: 40px 0; margin-bottom: 15px; border-radius: 5px; }
 .ntut-title { color: #d9534f; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px;}
 """
 
@@ -87,7 +87,7 @@ with gr.Blocks(title="模擬校園入口與Log收集系統", css=custom_css) as
         # 左側：後端 Log 與環境模擬區
         # ==========================================
         with gr.Column(scale=1, elem_classes="mock-panel"):
-            gr.Markdown("### ⚙️ 環境變數模擬器\n*(負責控制右側使用者的連線狀態)*")
+            gr.Markdown("<h3 style='color: black;'>⚙️ 環境變數模擬器 (負責控制右側使用者的連線狀態)</h3>")
             
             mock_ip = gr.Dropdown(
                 label="模擬來源 IP", 
@@ -102,7 +102,7 @@ with gr.Blocks(title="模擬校園入口與Log收集系統", css=custom_css) as
             )
             
             gr.Markdown("---")
-            gr.Markdown("### 📊 即時 Log 收集區")
+            gr.Markdown("<h3 style='color: black;'>📊 即時 Log 收集區</h3>")
             log_display = gr.Dataframe(
                 headers=["timestamp", "ip_address", "cookie_id", "account", "role", "action", "status"],
                 datatype=["str", "str", "str", "str", "str", "str", "str"],
@@ -128,7 +128,7 @@ with gr.Blocks(title="模擬校園入口與Log收集系統", css=custom_css) as
                     pwd_input = gr.Textbox(label="使用者密碼 (Password)", type="password", placeholder="密碼皆為 1234")
                 
                 with gr.Row():
-                    gr.HTML("<div style='background:#fdfd96; padding:10px; font-weight:bold; letter-spacing: 3px; border:1px solid #ccc; text-align:center;'>F E I K</div>")
+                    gr.HTML("<div style='background:#fdfd96; padding:10px; font-weight:bold; letter-spacing: 3px; border:1px solid #ccc; text-align:center; color: black;'>F E I K</div>")
                 with gr.Row():
                     captcha_input = gr.Textbox(label="請輸入驗證碼 (Keyin Code)")