HomesteaderLabs commited on
Commit
9d8d338
Β·
verified Β·
1 Parent(s): 629e356

Fix illegible empty-state text (white on eggshell): force ink on upload placeholder + idle readout

Browse files
Files changed (1) hide show
  1. app.py +9 -2
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
- .rdt-idle-sub { margin-top:6px; font-size:.74rem; letter-spacing:.08em; opacity:.8; }
 
 
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; }