Update src/streamlit_app.py

src/streamlit_app.py

@@ -87,58 +87,35 @@ Output: Write each question on a new line. Do not invent facts — base question
     except Exception:
         return ["How do I start using this guide?", "What does this document cover?"]
 
-# === UNIVERSAL / SAFE THEME (targets block-container + key elements only) ===
+# ==========================================================
+# 🎨 STYLING — REVERT TO ORIGINAL
+# ==========================================================
 st.markdown("""
 <style>
-/* Container */
-div.block-container {
-    padding-top: 1.2rem;
-    max-width: 1080px;
-    background-color: transparent; /* let HF/Streamlit top-level handle page padding */
-}
-
-/* Headings and core text (soft white) */
-h1, h2, h3 {
-    color: #f3f4f6 !important;
-    font-weight: 600;
-    letter-spacing: -0.2px;
-}
-p, label, .stMarkdown, .stRadio label {
-    color: #e5e7eb !important;
-}
-
-/* Suggestion chips (dark default look but not heavy) */
+div.block-container {padding-top: 1.2rem; max-width: 1080px;}
+h1, h2, h3 {color: #f3f4f6; font-weight: 600;}
 .suggest-chip {
-    background: #111827;
+    background: #0f1724;
     border: 1px solid #374151;
     border-radius: 14px;
-    color: #e2e8f0;
+    color: #e6eef8;
     padding: 8px 12px;
     cursor: pointer;
     font-size: 13px;
     margin: 6px 6px 6px 0;
     display: inline-block;
-    transition: background 0.2s, transform 0.1s, box-shadow 0.1s;
-}
-.suggest-chip:hover {
-    background: #2563eb;
-    color: #fff;
-    box-shadow: 0 2px 6px rgba(37,99,235,0.16);
-    transform: translateY(-2px);
+    transition: background 0.2s, transform 0.1s;
 }
-
-/* Answer box — dark card styling that isn't too heavy */
+.suggest-chip:hover {background: #1e3a8a; transform: translateY(-2px);}
 .answer-box {
-    background: linear-gradient(180deg, rgba(19,26,42,0.95), rgba(15,22,40,0.95));
+    background: linear-gradient(180deg,#0b1220,#071027);
     border-left: 4px solid #3b82f6;
-    border-radius: 10px;
+    border-radius: 8px;
     padding: 16px 18px;
-    color: #e5e7eb;
+    color: #e6eef8;
     margin-top: 12px;
-    box-shadow: 0 6px 24px rgba(2,6,23,0.28);
+    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
 }
-
-/* Input box refinement */
 .stTextInput > div > div > input {
     background-color: #0f172a !important;
     color: #f1f5f9 !important;
@@ -147,46 +124,18 @@ p, label, .stMarkdown, .stRadio label {
     padding: 8px 10px !important;
     font-size: 15px !important;
 }
-.stTextInput > label {font-weight: 500; color: #e5e7eb !important;}
-
-/* Subtle thin dividers to mimic "airiness" */
-.css-1d391kg, .css-10trblm, .stExpander {
-    border-radius: 8px;
+.stTextInput > label {font-weight: 500;}
+.small-link {
+    font-size: 13px;
+    color: #60a5fa;
+    cursor: pointer;
 }
 
-/* LIGHT MODE ADJUSTMENTS — safe and local: we only alter the blocks we control */
-@media (prefers-color-scheme: light) {
-    /* Headings and body */
-    h1, h2, h3, p, label, .stMarkdown {
-        color: #0f172a !important;
-    }
-
-    /* Answer box becomes a light card */
-    .answer-box {
-        background: #ffffff !important;
-        color: #0f172a !important;
-        border-left: 4px solid #2563eb !important;
-        box-shadow: 0 6px 20px rgba(17,24,39,0.06) !important;
-    }
-
-    /* Suggest chips become pale buttons */
-    .suggest-chip {
-        background: #f1f5f9 !important;
-        border: 1px solid #e6eef8 !important;
-        color: #0f172a !important;
-    }
-    .suggest-chip:hover {
-        background: #2563eb !important;
-        color: #fff !important;
-        box-shadow: 0 2px 6px rgba(37,99,235,0.15) !important;
-    }
-
-    /* Input field for light mode */
-    .stTextInput > div > div > input {
-        background-color: #ffffff !important;
-        color: #0f172a !important;
-        border: 1px solid #e6eef8 !important;
-    }
+/* ✨ Highlight the main app title with a subtle gradient */
+h1 {
+  background: linear-gradient(90deg,#e2e8f0,#60a5fa);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 </style>
 """, unsafe_allow_html=True)