Restore original dark theme, shrink hero, white text

app/ui_streamlit.py

@@ -8,41 +8,73 @@ from app.main import get_env, ensure_index_exists
 from app.search import search
 
 # ── Streamlit config MUST be the first Streamlit call ──────────────────────────
-st.set_page_config(page_title="Grants Discovery RAG", page_icon="🧭", layout="wide")
+st.set_page_config(page_title="Grants Discovery App By Lupo", page_icon="🧭", layout="wide")
 
 # ── Hero image (URL-based; no binaries in repo). Swap URL if you prefer. ──────
-HERO_URL = "https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1600&q=80"
+HERO_URL = "https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=240&q=80"
 st.image(HERO_URL, use_column_width=True)
 
-# ── Dark background styling ───────────────────────────
+# ── Dark theme stylesheet ─────────────────────────────────────────────────────
 st.markdown("""
 <style>
-/* Force app background dark */
-.stApp {
-    background-color: #0f172a;
-    color: #f8fafc; /* light text */
-}
+/* Dark background */
+.stApp { background-color: #0f172a; color: #f8fafc; }
 
-/* Make all text elements white */
-html, body, [class*="css"] {
-    color: #f8fafc !important;
+/* Make all text white */
+html, body, [class*="css"], h1, h2, h3, h4, h5, h6, p, span, div {
+  color: #f8fafc !important;
 }
 
-/* Headings also white */
-h1, h2, h3, h4, h5, h6, p, span, div {
-    color: #f8fafc !important;
+/* Buttons */
+.stButton>button {
+  background:#1e88e5; color:#fff; border:none; border-radius:8px;
+  padding:0.5rem 0.9rem; font-weight:600;
+}
+.stButton>button:hover { filter:brightness(1.1); }
+
+/* Compact hero with dark overlay */
+.hero {
+  height: 220px;  /* smaller than before */
+  border-radius: 16px;
+  margin: 6px 0 16px;
+  background:
+    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),
+    url('https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1600&q=80')
+    center/cover no-repeat;
 }
+.hero-text {
+  height:100%; display:flex; flex-direction:column;
+  align-items:center; justify-content:center;
+  text-align:center; color:#fff;
+}
+.hero-text h1 { margin:0; font-size:28px; font-weight:700; }
+.hero-text p  { margin:6px 0 0; font-size:15px; color:#e5e7eb; }
 
-/* Buttons: white text on blue */
-.stButton>button {
-    color: #ffffff !important;
-    background-color: #1d4ed8 !important;
-    border-radius: 8px;
-    border: none;
+/* Card styling */
+.result-card {
+  border:1px solid #1e293b; background:#1e293b; border-radius:14px;
+  padding:16px; margin:10px 0; box-shadow:0 1px 2px rgba(0,0,0,0.2);
+}
+.result-meta { font-size:13px; color:#94a3b8; margin-top:6px; }
+span.chip {
+  display:inline-block; padding:3px 8px; border-radius:999px;
+  background:#334155; margin-right:6px; font-size:12px; color:#e2e8f0;
 }
 </style>
 """, unsafe_allow_html=True)
 
+# ── Hero block ────────────────────────────────────────────────────────────────
+st.markdown("""
+<div class="hero">
+  <div class="hero-text">
+    <h1>Grants Discovery Live RAG by Lupo</h1>
+    <p>Find capacity-building grants fast.</p>
+  </div>
+</div>
+""", unsafe_allow_html=True)
+
+# ── Hide developer diagnostics by default ─────────────────────────────────────
+SHOW_DEV = os.environ.get("SHOW_DEV") == "1"
 
 
 # ── Environment + index ───────────────────────────────────────────────────────