Fix illegible empty-state text (white on eggshell): force ink on upload placeholder + idle readout
Browse files
app.py
CHANGED
|
@@ -185,6 +185,11 @@ footer { display:none !important; }
|
|
| 185 |
tier colors, the bronze SCAN button, and the DISPLAY tab untouched. */
|
| 186 |
.eink-input, .eink-input label, .eink-input .label-wrap, .eink-input span,
|
| 187 |
.eink-input p, .eink-input button:not(.eink-scan) { color:var(--ink) !important; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 188 |
.eink-screen { color:var(--ink); }
|
| 189 |
|
| 190 |
/* ββ masthead βββββββββββββββββββββββββββββββββββββββββββββββββ */
|
|
@@ -249,8 +254,10 @@ button.eink-scan:hover { background:var(--copper) !important; border-color:var(-
|
|
| 249 |
.rdt-idle { min-height:330px; display:flex; flex-direction:column; align-items:center;
|
| 250 |
justify-content:center; text-align:center; color:var(--ink2); padding:24px; }
|
| 251 |
.rdt-idle-glyph { font-size:3rem; opacity:.5; color:var(--bronze); }
|
| 252 |
-
.rdt-idle-msg { margin-top:10px; font-size:1rem; font-weight:700; letter-spacing:.2em;
|
| 253 |
-
|
|
|
|
|
|
|
| 254 |
|
| 255 |
/* ββ loading: vine only βββββββββββββββββββββββββββββββββββββββ */
|
| 256 |
.loading { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
|
|
|
|
| 185 |
tier colors, the bronze SCAN button, and the DISPLAY tab untouched. */
|
| 186 |
.eink-input, .eink-input label, .eink-input .label-wrap, .eink-input span,
|
| 187 |
.eink-input p, .eink-input button:not(.eink-scan) { color:var(--ink) !important; }
|
| 188 |
+
/* catch-all: the upload dropzone placeholder ("Drop Image Here / - or - / Click to
|
| 189 |
+
Upload") renders in divs the rule above misses and inherited a near-white theme
|
| 190 |
+
color β illegible on the eggshell panel. Force every descendant to ink. The
|
| 191 |
+
.gradio-container prefix matches the theme's specificity so this wins. */
|
| 192 |
+
.gradio-container .eink-input * { color:var(--ink) !important; }
|
| 193 |
.eink-screen { color:var(--ink); }
|
| 194 |
|
| 195 |
/* ββ masthead βββββββββββββββββββββββββββββββββββββββββββββββββ */
|
|
|
|
| 254 |
.rdt-idle { min-height:330px; display:flex; flex-direction:column; align-items:center;
|
| 255 |
justify-content:center; text-align:center; color:var(--ink2); padding:24px; }
|
| 256 |
.rdt-idle-glyph { font-size:3rem; opacity:.5; color:var(--bronze); }
|
| 257 |
+
.rdt-idle-msg { margin-top:10px; font-size:1rem; font-weight:700; letter-spacing:.2em;
|
| 258 |
+
color:var(--ink) !important; }
|
| 259 |
+
.rdt-idle-sub { margin-top:6px; font-size:.74rem; letter-spacing:.08em;
|
| 260 |
+
color:var(--ink2) !important; opacity:1; }
|
| 261 |
|
| 262 |
/* ββ loading: vine only βββββββββββββββββββββββββββββββββββββββ */
|
| 263 |
.loading { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
|