Update sidebar and text styling for better contrast and readability

src/streamlit_app.py

@@ -26,7 +26,7 @@ st.markdown("""
     /* Headers */
     h1, h2, h3 {
         font-family: 'Inter', sans-serif;
-        color: #5C4B51;  /* Warm gray */
+        color: #2D2D2D;  /* Darker text for better contrast */
         font-weight: 600;
         margin-bottom: 1.2rem;
     }
@@ -60,11 +60,33 @@ st.markdown("""
     /* Markdown text */
     p, li {
         font-family: 'Inter', sans-serif;
-        color: #3D3235;  /* Dark warm gray */
+        color: #2D2D2D;  /* Darker text for better contrast */
         line-height: 1.8;
         font-size: 1rem;
     }
     
+    /* Sidebar styling */
+    .css-1d391kg, .css-1p05t8e {  /* Sidebar containers */
+        background-color: #FFFFFF !important;
+    }
+    
+    .css-1d391kg p, .css-1p05t8e p {  /* Sidebar text */
+        color: #2D2D2D;
+    }
+    
+    .css-1d391kg a, .css-1p05t8e a {  /* Sidebar links */
+        color: #2D2D2D;
+        text-decoration: underline;
+    }
+    
+    .css-1d391kg h1, .css-1p05t8e h1 {  /* Sidebar headers */
+        color: #2D2D2D;
+    }
+    
+    .css-1d391kg .stMarkdown, .css-1p05t8e .stMarkdown {  /* Sidebar markdown */
+        color: #2D2D2D;
+    }
+    
     /* Custom containers */
     .warm-container {
         background-color: #FFFFFF;
@@ -81,7 +103,7 @@ st.markdown("""
         margin: 1.2rem 0;
         background-color: #FFF8E8;
         border-left: 4px solid #F4A261;
-        color: #8B5E3C;
+        color: #2D2D2D;
     }
 
     /* Resource styling */
@@ -89,6 +111,7 @@ st.markdown("""
         margin-bottom: 2rem;
         padding-bottom: 1rem;
         border-bottom: 1px solid #E0D5C8;
+        color: #2D2D2D;
     }
     
     .resource-item:last-child {
@@ -97,19 +120,35 @@ st.markdown("""
     
     .resource-title {
         font-weight: 600;
-        color: #5C4B51;
+        color: #2D2D2D;
         margin-bottom: 0.5rem;
     }
     
     .resource-link {
-        color: #8B9D83;
-        text-decoration: none;
+        color: #2D2D2D;
+        text-decoration: underline;
         font-weight: 500;
     }
     
     .resource-link:hover {
         color: #7A8B73;
     }
+
+    /* Expander styling */
+    .streamlit-expanderHeader {
+        background-color: #FFFFFF;
+        color: #2D2D2D;
+    }
+
+    /* Remove default Streamlit themes */
+    .st-emotion-cache-1gulkj5, .st-emotion-cache-1rat1s6 {
+        background-color: #FFFFFF !important;
+    }
+
+    /* Override any theme-specific text colors */
+    .st-emotion-cache-1rat1s6 * {
+        color: #2D2D2D !important;
+    }
 </style>
 """, unsafe_allow_html=True)