Spaces:
Sleeping
Sleeping
Update app.py
Browse filesThis should fix:
β
Example button text - "preprocessing", "breakdown", etc.
β
Any nested spans/divs in buttons
β
All Gradio-specific button wrapper classes
β
Any remaining grey text elements
app.py
CHANGED
|
@@ -386,6 +386,48 @@ button, .gr-button {
|
|
| 386 |
color: #ffffff !important;
|
| 387 |
}
|
| 388 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 389 |
/* Mobile responsiveness */
|
| 390 |
@media (max-width: 768px) {
|
| 391 |
.gradio-container h1 {
|
|
|
|
| 386 |
color: #ffffff !important;
|
| 387 |
}
|
| 388 |
|
| 389 |
+
/* Aggressive fix for all button content */
|
| 390 |
+
button span, .gr-button span,
|
| 391 |
+
button div, .gr-button div,
|
| 392 |
+
button p, .gr-button p {
|
| 393 |
+
color: #ffffff !important;
|
| 394 |
+
}
|
| 395 |
+
|
| 396 |
+
/* Target specific Gradio button classes */
|
| 397 |
+
.gr-button .wrap,
|
| 398 |
+
.gr-button .wrap *,
|
| 399 |
+
button .wrap,
|
| 400 |
+
button .wrap * {
|
| 401 |
+
color: #ffffff !important;
|
| 402 |
+
}
|
| 403 |
+
|
| 404 |
+
/* Force all nested button elements to be white */
|
| 405 |
+
.gr-button > *,
|
| 406 |
+
button > *,
|
| 407 |
+
.gr-button * * {
|
| 408 |
+
color: #ffffff !important;
|
| 409 |
+
}
|
| 410 |
+
|
| 411 |
+
/* Override any inherited text colors in buttons */
|
| 412 |
+
[class*="button"] {
|
| 413 |
+
color: #ffffff !important;
|
| 414 |
+
}
|
| 415 |
+
|
| 416 |
+
[class*="button"] * {
|
| 417 |
+
color: #ffffff !important;
|
| 418 |
+
}
|
| 419 |
+
|
| 420 |
+
/* Target any remaining grey text */
|
| 421 |
+
.gr-row .gr-button,
|
| 422 |
+
.gr-row button {
|
| 423 |
+
color: #ffffff !important;
|
| 424 |
+
}
|
| 425 |
+
|
| 426 |
+
.gr-row .gr-button *,
|
| 427 |
+
.gr-row button * {
|
| 428 |
+
color: #ffffff !important;
|
| 429 |
+
}
|
| 430 |
+
|
| 431 |
/* Mobile responsiveness */
|
| 432 |
@media (max-width: 768px) {
|
| 433 |
.gradio-container h1 {
|