Spaces:
Sleeping
Sleeping
Update app.py
Browse filesWhat 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
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 {
|