Spaces:
Running
Running
Fix dark loading placeholder contrast
Browse files
app.py
CHANGED
|
@@ -795,6 +795,43 @@ CSS = """
|
|
| 795 |
background: #0b1220 !important;
|
| 796 |
border-radius: 8px;
|
| 797 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 798 |
.main-shell {
|
| 799 |
border: 1px solid var(--line);
|
| 800 |
border-radius: 8px;
|
|
|
|
| 795 |
background: #0b1220 !important;
|
| 796 |
border-radius: 8px;
|
| 797 |
}
|
| 798 |
+
.gradio-container [aria-label="Empty value"],
|
| 799 |
+
.gradio-container .empty,
|
| 800 |
+
.gradio-container .unpadded_box,
|
| 801 |
+
.gradio-container .large.unpadded_box {
|
| 802 |
+
background: #0b1220 !important;
|
| 803 |
+
color: #93c5fd !important;
|
| 804 |
+
border-color: rgba(148, 163, 184, 0.24) !important;
|
| 805 |
+
}
|
| 806 |
+
.gradio-container [aria-label="Empty value"] *,
|
| 807 |
+
.gradio-container .empty *,
|
| 808 |
+
.gradio-container .unpadded_box * {
|
| 809 |
+
color: #93c5fd !important;
|
| 810 |
+
opacity: 1 !important;
|
| 811 |
+
}
|
| 812 |
+
.gradio-container [data-testid="status-tracker"],
|
| 813 |
+
.gradio-container [data-testid="status-tracker"].wrap,
|
| 814 |
+
.gradio-container .progress-text,
|
| 815 |
+
.gradio-container .meta-text {
|
| 816 |
+
background: rgba(11, 18, 32, 0.92) !important;
|
| 817 |
+
color: #dbeafe !important;
|
| 818 |
+
opacity: 1 !important;
|
| 819 |
+
}
|
| 820 |
+
.gradio-container .eta-bar {
|
| 821 |
+
background: #14b8a6 !important;
|
| 822 |
+
}
|
| 823 |
+
.gradio-container [data-testid="block-label"],
|
| 824 |
+
.gradio-container label[data-testid="block-label"] {
|
| 825 |
+
background: #0b1220 !important;
|
| 826 |
+
color: #f8fafc !important;
|
| 827 |
+
border-color: rgba(148, 163, 184, 0.28) !important;
|
| 828 |
+
opacity: 1 !important;
|
| 829 |
+
}
|
| 830 |
+
.gradio-container [data-testid="block-label"] *,
|
| 831 |
+
.gradio-container label[data-testid="block-label"] * {
|
| 832 |
+
color: #f8fafc !important;
|
| 833 |
+
opacity: 1 !important;
|
| 834 |
+
}
|
| 835 |
.main-shell {
|
| 836 |
border: 1px solid var(--line);
|
| 837 |
border-radius: 8px;
|