Update app/ui_streamlit.py

app/ui_streamlit.py

@@ -1,26 +1,70 @@
 # app/ui_streamlit.py
 import os, json
 from pathlib import Path
-import streamlit as st
 
 from app.main import get_env, ensure_index_exists
 from app.search import search
 
+import streamlit as st
+
 st.markdown("""
 <style>
-/* --- Fix white-on-white in selectboxes & multiselects --- */
-div[data-baseweb="select"] span {        /* text inside the select box */
-    color: black !important;
+/* --- Global safety net: make default text dark --- */
+html, body, [class^="css"], [class*=" css"] {
+  color: #0f172a !important;  /* slate-900 */
+}
+
+/* --- Streamlit selectbox/multiselect (BaseWeb rendering) --- */
+div[data-baseweb="select"] * {
+  color: #0f172a !important;
+}
+div[data-baseweb="select"] {
+  background: #ffffff !important;
+  border-color: #cbd5e1 !important; /* slate-300 */
+}
+
+/* placeholder inside the closed select */
+div[data-baseweb="select"] div[aria-hidden="true"] {
+  color: #64748b !important; /* slate-500 */
+}
+
+/* open dropdown menu (BaseWeb popover) */
+div[data-baseweb="popover"] [role="listbox"],
+div[data-baseweb="menu"] {
+  background: #ffffff !important;
+}
+div[data-baseweb="popover"] [role="option"],
+div[data-baseweb="menu"] li {
+  color: #0f172a !important;
+  background: #ffffff !important;
+}
+
+/* --- Alternative rendering (ARIA hooks) in newer Streamlit builds --- */
+div[role="button"][aria-haspopup="listbox"] * {
+  color: #0f172a !important;
+}
+ul[role="listbox"] li, div[role="option"] {
+  color: #0f172a !important;
+  background: #ffffff !important;
 }
-/* for the open dropdown list items */
-div[data-baseweb="popover"] li {
-    color: black !important;
-    background-color: white !important;
+
+/* --- Streamlit component wrappers --- */
+.stSelectbox, .stMultiSelect {
+  color: #0f172a !important;
+}
+.stSelectbox div, .stMultiSelect div {
+  color: #0f172a !important;
+}
+
+/* --- Hard reset in case a global rule set all <span> to white --- */
+span, li {
+  color: inherit !important;
 }
 </style>
 """, unsafe_allow_html=True)
 
 
+
 # ── Streamlit config ──────────────────────────────────────────────────────────
 st.set_page_config(page_title="Grants Discovery App By Lupo", page_icon="🧭", layout="wide")