PromptMeister commited on
Commit
1f8bc52
Β·
verified Β·
1 Parent(s): de7a7de

Update app.py

Browse files

What this fixes:

βœ… Input boxes - Now have white text on dark background
βœ… Button text - All button text forced to white
βœ… Example buttons - Text will be clearly visible
βœ… Nested elements - Any child elements in buttons get white text

Files changed (1) hide show
  1. app.py +47 -0
app.py CHANGED
@@ -113,6 +113,25 @@ ai_snipper_css = """
113
  opacity: 0.8 !important;
114
  }
115
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
  /* Labels - FIXED */
117
  .gr-textbox label, .gr-slider label, .gr-radio label, .gr-checkbox label, label {
118
  color: var(--text-secondary) !important;
@@ -339,6 +358,34 @@ footer {
339
  color: var(--text-primary) !important;
340
  }
341
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
342
  /* Mobile responsiveness */
343
  @media (max-width: 768px) {
344
  .gradio-container h1 {
 
113
  opacity: 0.8 !important;
114
  }
115
 
116
+ /* Force input text color - Additional fix */
117
+ input, textarea {
118
+ color: var(--text-primary) !important;
119
+ }
120
+
121
+ /* Fix for any white background elements */
122
+ .gr-textbox input[type="text"],
123
+ .gr-textbox textarea,
124
+ input[type="text"],
125
+ textarea {
126
+ background: var(--bg-secondary) !important;
127
+ color: var(--text-primary) !important;
128
+ }
129
+
130
+ /* Button text visibility */
131
+ .gr-button, button {
132
+ color: var(--text-primary) !important;
133
+ }
134
+
135
  /* Labels - FIXED */
136
  .gr-textbox label, .gr-slider label, .gr-radio label, .gr-checkbox label, label {
137
  color: var(--text-secondary) !important;
 
358
  color: var(--text-primary) !important;
359
  }
360
 
361
+ /* Additional text visibility fixes for buttons and inputs */
362
+ input, textarea, .gr-button, button {
363
+ color: #ffffff !important;
364
+ }
365
+
366
+ .gr-textbox input[type="text"],
367
+ .gr-textbox textarea,
368
+ input[type="text"],
369
+ textarea {
370
+ background: #1a2332 !important;
371
+ color: #ffffff !important;
372
+ }
373
+
374
+ /* Force button text visibility */
375
+ button, .gr-button {
376
+ color: #ffffff !important;
377
+ }
378
+
379
+ /* Fix example button text */
380
+ .gr-button span {
381
+ color: #ffffff !important;
382
+ }
383
+
384
+ /* Fix any remaining text visibility issues */
385
+ .gr-button *, button * {
386
+ color: #ffffff !important;
387
+ }
388
+
389
  /* Mobile responsiveness */
390
  @media (max-width: 768px) {
391
  .gradio-container h1 {