Update src/streamlit_app.py

src/streamlit_app.py

@@ -380,34 +380,28 @@ st.set_page_config(layout="wide", page_title="NER & Topic Report App")
 st.markdown(
     """
     <style>
-    /* Overall app container - Ensure pure white background */
-    .main {
-        background-color: #FFFFFF; /* Pure White */
-        color: #000000; /* Black text for maximum contrast */
-    }
-    .stApp {
-        background-color: #FFFFFF; /* Pure White */
-    }
-    /* Text Area background and text color (input fields) */
-    .stTextArea textarea {
-        background-color: #FFFFFF; /* Pure White input background */
-        color: #000000; /* Black text for input */
-        border: 1px solid #888888; /* Keep a visible grey border */
+    /* ... (Keep your existing styles for main, stApp, stTextArea, stButton) ... */
+
+    /* --- FIX: Tab Label Colors for Visibility --- */
+    /* Target the container for the tab labels (the buttons) */
+    [data-testid="stConfigurableTabs"] button {
+        color: #333333 !important; /* Dark gray for inactive tabs */
+        background-color: #f0f0f0; /* Light gray background for inactive tabs */
+        border: 1px solid #cccccc;
     }
-    /* Button styling (Kept blue for visibility, but you can change this) */
-    .stButton > button {
-        background-color: #007bff; /* Blue button */
-        color: #FFFFFF; /* White text for contrast */
-        border: none;
-        padding: 10px 20px;
-        border-radius: 5px;
+
+    /* Target the ACTIVE tab label */
+    [data-testid="stConfigurableTabs"] button[aria-selected="true"] {
+        color: #FFFFFF !important; /* White text for active tab */
+        background-color: #007bff; /* Blue background for active tab */
+        border-bottom: 2px solid #007bff; /* Optional: adds an accent line */
     }
-    /* Expander header and content background - Change to white */
-    .streamlit-expanderHeader, .streamlit-expanderContent {
-        background-color: #FFFFFF; /* Pure White */
-        color: #000000; /* Black text */
-        border: 1px solid #CCCCCC; /* Add a light border to separate it */
+    
+    /* Expander header color fix (since you overwrote it to white) */
+    .streamlit-expanderHeader {
+        color: #007bff; /* Blue text for Expander header */
     }
+
     </style>
     """,
     unsafe_allow_html=True