Update app.py

app.py

@@ -1074,6 +1074,23 @@ strong {
 }
 """
 
+force_light_mode_js = """
+function() {
+    // Remove dark mode class from html element
+    document.documentElement.classList.remove('dark');
+    
+    // Set data-theme attribute to light
+    document.documentElement.setAttribute('data-theme', 'light');
+    
+    // Override any system preference
+    document.documentElement.style.colorScheme = 'light';
+    
+    // Also try to set it on the body
+    document.body.classList.remove('dark');
+    document.body.setAttribute('data-theme', 'light');
+}
+"""
+
 def main():
     # Create Gradio interface
     recommender = QuestionRecommender()
@@ -1096,7 +1113,7 @@ def main():
         background_fill_secondary="#f9fafc"
     )
 
-    with gr.Blocks(title="Let's Talk - Question Recommender", theme=theme, css=custom_css, mode="light") as iface:
+    with gr.Blocks(title="Let's Talk - Question Recommender", theme=theme, css=custom_css, mode="light", js=force_light_mode_js) as iface:
         gr.Markdown("""
         # 🤝 Let's Talk - Question Recommender
         Find questions that two users might be interested in discussing together based on their common interests.