app update

app.py

@@ -1196,11 +1196,7 @@ def get_title_html():
     </div>
     '''
 
-custom_theme = gr.themes.Soft(primary_hue="indigo").set(
-    mode="light"   # /"dark"
-)
-
-with gr.Blocks(css=custom_css, theme=custom_theme) as demo:
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft(primary_hue="indigo")) as demo:
     ctx = initialize()
     
     # Header with SVG title support

peptiverse_styles.css

@@ -1,5 +1,30 @@
 /* PeptiVerse Custom CSS Styles */
+/* =========================
+   FORCE LIGHT MODE
+   ========================= */
 
+/* Tell browser + Gradio to use light color scheme */
+:root {
+  color-scheme: light !important;
+}
+
+/* Force backgrounds explicitly */
+html,
+body,
+.gradio-container {
+  background-color: #ffffff !important;
+  color: #111827 !important;  /* neutral dark text */
+}
+
+/* Override dark-theme panels */
+.gr-form,
+.gr-box,
+.gr-panel,
+.gr-group,
+.gr-markdown,
+.gr-dataframe {
+  background-color: #ffffff !important;
+}
 .gradio-container {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     font-size: 19px !important;  /* Increased base font size */