Spaces:
Sleeping
Sleeping
Update streamlit_app.py
Browse files- 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 |
-
.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 348 |
color: #ffffff !important;
|
| 349 |
}
|
| 350 |
|
| 351 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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%);
|