raahinaez commited on
Commit
1338d4e
·
verified ·
1 Parent(s): 5096f98

Update streamlit_app.py

Browse files
Files changed (1) hide show
  1. streamlit_app.py +26 -3
streamlit_app.py CHANGED
@@ -343,17 +343,40 @@ st.markdown("""
343
  border-color: #3b82f6;
344
  }
345
 
346
- /* Text Colors */
347
- .main p, .main p *, .main div, .main span {
 
 
 
 
 
 
 
 
 
 
348
  color: #ffffff !important;
349
  }
350
 
351
- .main strong, .main b {
 
 
 
 
 
 
 
352
  color: #ffffff !important;
353
  font-weight: 700 !important;
354
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
355
  }
356
 
 
 
 
 
 
 
357
  /* Section Headers */
358
  .section-header {
359
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 249, 255, 0.95) 100%);
 
343
  border-color: #3b82f6;
344
  }
345
 
346
+ /* Text Colors - Ensure text in white containers is dark, not white */
347
+ .blue-card, .section-header, .progress-wrapper, .stMetric,
348
+ .blue-card p, .section-header p, .progress-wrapper p, .stMetric p,
349
+ .blue-card span, .section-header span, .progress-wrapper span, .stMetric span,
350
+ .blue-card div, .section-header div, .progress-wrapper div, .stMetric div,
351
+ .blue-card *, .section-header *, .progress-wrapper *, .stMetric * {
352
+ color: #1e3a8a !important;
353
+ }
354
+
355
+ /* Text on gradient background (not in white containers) should be white */
356
+ .main p:not(.blue-card p):not(.section-header p):not(.progress-wrapper p):not(.stMetric p),
357
+ .main span:not(.blue-card span):not(.section-header span):not(.progress-wrapper span):not(.stMetric span) {
358
  color: #ffffff !important;
359
  }
360
 
361
+ /* Caption text should be visible */
362
+ .main [data-testid="stCaption"] {
363
+ color: rgba(255, 255, 255, 0.8) !important;
364
+ }
365
+
366
+ /* Strong text on gradient background */
367
+ .main strong:not(.blue-card strong):not(.section-header strong):not(.progress-wrapper strong):not(.stMetric strong),
368
+ .main b:not(.blue-card b):not(.section-header b):not(.progress-wrapper b):not(.stMetric b) {
369
  color: #ffffff !important;
370
  font-weight: 700 !important;
371
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
372
  }
373
 
374
+ /* Override for any nested elements in white containers */
375
+ .blue-card strong, .section-header strong, .progress-wrapper strong, .stMetric strong,
376
+ .blue-card b, .section-header b, .progress-wrapper b, .stMetric b {
377
+ color: #1e3a8a !important;
378
+ }
379
+
380
  /* Section Headers */
381
  .section-header {
382
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 249, 255, 0.95) 100%);