Spaces:
Running
Running
Fix dark mode label contrast
Browse files
app.py
CHANGED
|
@@ -650,6 +650,29 @@ CSS = """
|
|
| 650 |
.gradio-container .prose,
|
| 651 |
.gradio-container .prose * {
|
| 652 |
color: #dbeafe !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 653 |
}
|
| 654 |
.gradio-container input,
|
| 655 |
.gradio-container textarea,
|
|
@@ -683,6 +706,34 @@ CSS = """
|
|
| 683 |
color: #f8fafc !important;
|
| 684 |
border-color: rgba(20, 184, 166, 0.48) !important;
|
| 685 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 686 |
.gradio-container .wrap,
|
| 687 |
.gradio-container .block,
|
| 688 |
.gradio-container .panel,
|
|
|
|
| 650 |
.gradio-container .prose,
|
| 651 |
.gradio-container .prose * {
|
| 652 |
color: #dbeafe !important;
|
| 653 |
+
opacity: 1 !important;
|
| 654 |
+
}
|
| 655 |
+
.gradio-container h1,
|
| 656 |
+
.gradio-container h2,
|
| 657 |
+
.gradio-container h3,
|
| 658 |
+
.gradio-container h4,
|
| 659 |
+
.gradio-container h5,
|
| 660 |
+
.gradio-container h6,
|
| 661 |
+
.gradio-container legend,
|
| 662 |
+
.gradio-container summary,
|
| 663 |
+
.gradio-container [class*="label"],
|
| 664 |
+
.gradio-container [class*="Label"],
|
| 665 |
+
.gradio-container [data-testid*="label"] {
|
| 666 |
+
color: #f8fafc !important;
|
| 667 |
+
opacity: 1 !important;
|
| 668 |
+
}
|
| 669 |
+
.gradio-container small,
|
| 670 |
+
.gradio-container .secondary,
|
| 671 |
+
.gradio-container [class*="secondary"],
|
| 672 |
+
.gradio-container [class*="Description"],
|
| 673 |
+
.gradio-container [class*="description"] {
|
| 674 |
+
color: #cbd5e1 !important;
|
| 675 |
+
opacity: 1 !important;
|
| 676 |
}
|
| 677 |
.gradio-container input,
|
| 678 |
.gradio-container textarea,
|
|
|
|
| 706 |
color: #f8fafc !important;
|
| 707 |
border-color: rgba(20, 184, 166, 0.48) !important;
|
| 708 |
}
|
| 709 |
+
.gradio-container label:has(input[type="radio"]),
|
| 710 |
+
.gradio-container label:has(input[type="checkbox"]) {
|
| 711 |
+
background: #0b1220 !important;
|
| 712 |
+
color: #f8fafc !important;
|
| 713 |
+
border: 1px solid rgba(148, 163, 184, 0.38) !important;
|
| 714 |
+
border-radius: 8px !important;
|
| 715 |
+
opacity: 1 !important;
|
| 716 |
+
}
|
| 717 |
+
.gradio-container label:has(input[type="radio"]) *,
|
| 718 |
+
.gradio-container label:has(input[type="checkbox"]) * {
|
| 719 |
+
color: #f8fafc !important;
|
| 720 |
+
opacity: 1 !important;
|
| 721 |
+
}
|
| 722 |
+
.gradio-container label:has(input[type="radio"]:checked),
|
| 723 |
+
.gradio-container label:has(input[type="checkbox"]:checked) {
|
| 724 |
+
background: rgba(20, 184, 166, 0.22) !important;
|
| 725 |
+
border-color: rgba(20, 184, 166, 0.72) !important;
|
| 726 |
+
box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.28) !important;
|
| 727 |
+
}
|
| 728 |
+
.gradio-container input[type="radio"],
|
| 729 |
+
.gradio-container input[type="checkbox"] {
|
| 730 |
+
accent-color: #14b8a6 !important;
|
| 731 |
+
}
|
| 732 |
+
.gradio-container input[type="radio"] + span,
|
| 733 |
+
.gradio-container input[type="checkbox"] + span {
|
| 734 |
+
color: #f8fafc !important;
|
| 735 |
+
opacity: 1 !important;
|
| 736 |
+
}
|
| 737 |
.gradio-container .wrap,
|
| 738 |
.gradio-container .block,
|
| 739 |
.gradio-container .panel,
|