Update app.py

app.py

@@ -151,8 +151,12 @@ def _render_shap_inline(html_path: str):
     if os.path.exists(html_path):
         with open(html_path, "r", encoding="utf-8") as f:
             shap_html = f.read()
+            
+        # --- THE FIX: Force a white background for Dark Mode ---
+        safe_html = f'<div style="background-color: white; padding: 20px; border-radius: 10px;">{shap_html}</div>'
+        
         with st.expander("🔬 View XAI Word-Level Explanation (SHAP)", expanded=False):
-            components.html(shap_html, height=300, scrolling=True)
+            components.html(safe_html, height=300, scrolling=True)
 
 # ─────────────────────────────────────────────────────────────
 # PAGE 1: CHAT COMPANION
@@ -293,7 +297,11 @@ def render_dashboard():
         if os.path.exists(SHAP_HTML_PATH):
             with open(SHAP_HTML_PATH, "r", encoding="utf-8") as f:
                 shap_html = f.read()
-            components.html(shap_html, height=500, scrolling=True)
+                
+            # --- THE FIX: Force a white background for Dark Mode ---
+            safe_html = f'<div style="background-color: white; padding: 20px; border-radius: 10px;">{shap_html}</div>'
+            
+            components.html(safe_html, height=500, scrolling=True)
             st.caption(f"Report path: `{SHAP_HTML_PATH}`")
         else:
             st.info("Send a message in the Chat Companion tab to generate the first XAI report.")