Update app.py

app.py

@@ -57,7 +57,6 @@ def process_turn(user_answer, history):
         end_idx = assistant_message.index("</answer>")
         final_answer = assistant_message[start_idx:end_idx].strip()
     if final_answer:
-        # Assistant kendini tahmin ettiyse, asistan metnini sakla, final cevabı göster
         assistant_update = gr.update(visible=False)
         final_text = f"**My guess:** **{final_answer}**"
         answer_update = gr.update(visible=False)
@@ -65,7 +64,6 @@ def process_turn(user_answer, history):
         restart_update = gr.update(visible=False)
         continue_update = gr.update(visible=False)
     else:
-        # Tahmin yoksa, asistan metnini göster, final cevabı temizle
         assistant_update = gr.update(visible=True, value=assistant_message)
         final_text = ""
         answer_update = gr.update(visible=True)
@@ -152,7 +150,7 @@ body, .gradio-container {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-attachment: fixed !important;
-    color: #000 !important; /* Genel metin rengi siyah */
+    color: #333;
 }
 
 /* Üstteki başlık için stil */
@@ -160,13 +158,13 @@ body, .gradio-container {
     text-align: center;
     margin-top: 20px;
     font-size: 2em;
-    color: #000 !important; /* Siyah */
+    color: #4261a8;
 }
 
 /* Özel buton sınıfımız: my-button */
 .my-button {
-    background-color: #4261a8 !important;  /* Buton arka plan rengi */
-    color: #fff !important;               /* Buton içerisindeki yazılar beyaz kalır */
+    background-color: #4261a8 !important;
+    color: #fff !important;
     border: none !important;
     transition: transform 0.3s, background-color 0.3s !important;
 }
@@ -183,8 +181,7 @@ body, .gradio-container {
     margin: 10px auto;
     width: 80%;
     text-align: center;
-    background-color: rgba(173, 216, 230, 0); /* Yarı saydam soluk cyan */
-    color: #000 !important; /* Siyah */
+    background-color: rgba(173, 216, 230, 0);
 }
 
 /* Gradio Markdown’un varsayılan arka planını şeffaf yapmak */
@@ -192,7 +189,6 @@ body, .gradio-container {
     background-color: transparent !important;
     box-shadow: none !important;
     border: none !important;
-    color: #000 !important; /* Siyah */
 }
 
 .final-answer {
@@ -200,7 +196,6 @@ body, .gradio-container {
     font-weight: bold;
     text-align: center;
     margin: 20px;
-    color: #000 !important; /* Siyah */
 }
 
 .button-group {
@@ -215,6 +210,13 @@ footer, .footer, .gradio-footer {
 }
 """
 
+# Light mode zorunluluğu için ek CSS
+custom_css = """
+:root {
+    color-scheme: light;
+}
+""" + css
+
 # Yerel ikonu Base64'e çevirme
 with open("tubitech-su.png", "rb") as image_file:
     encoded_string = base64.b64encode(image_file.read()).decode("utf-8")
@@ -230,10 +232,11 @@ icon_html = f"""
 </div>
 """
 
-with gr.Blocks(css=css, theme=gr.themes.Default()) as demo:
+with gr.Blocks(css=custom_css, theme=gr.themes.Default()) as demo:
+    # Üstteki başlık
     gr.Markdown("### TUBITECH # 9694 - Sea Creature Akinator", elem_classes="header-text")
     
-    # show_label=False ve label="" ile ekstra çerçeveyi kapatıyoruz
+    # Arayüz elemanları
     assistant_display = gr.Markdown(
         value="", 
         label="",