Spaces:
Sleeping
Sleeping
Fix radio/checkbox: do not override native control background
Browse files
app.py
CHANGED
|
@@ -302,12 +302,19 @@ _APP_CSS = f"""
|
|
| 302 |
border-color: {PANEL_ALT} !important;
|
| 303 |
color: {INK} !important;
|
| 304 |
}}
|
| 305 |
-
.gradio-container input, .gradio-container
|
|
|
|
| 306 |
.gradio-container .gr-input, .gradio-container select {{
|
| 307 |
background: {PANEL_ALT} !important;
|
| 308 |
color: {INK} !important;
|
| 309 |
border-color: {PANEL_ALT} !important;
|
| 310 |
}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 311 |
.gradio-container .tab-nav button {{ color: {MUTED} !important; }}
|
| 312 |
.gradio-container .tab-nav button.selected {{ color: {CYAN} !important; }}
|
| 313 |
"""
|
|
|
|
| 302 |
border-color: {PANEL_ALT} !important;
|
| 303 |
color: {INK} !important;
|
| 304 |
}}
|
| 305 |
+
.gradio-container input[type="text"], .gradio-container input[type="number"],
|
| 306 |
+
.gradio-container input[type="search"], .gradio-container textarea,
|
| 307 |
.gradio-container .gr-input, .gradio-container select {{
|
| 308 |
background: {PANEL_ALT} !important;
|
| 309 |
color: {INK} !important;
|
| 310 |
border-color: {PANEL_ALT} !important;
|
| 311 |
}}
|
| 312 |
+
/* Keep native radio/checkbox controls interactive and visible — do NOT
|
| 313 |
+
override their background, only tint the accent so they match the theme. */
|
| 314 |
+
.gradio-container input[type="radio"],
|
| 315 |
+
.gradio-container input[type="checkbox"] {{
|
| 316 |
+
accent-color: {CYAN};
|
| 317 |
+
}}
|
| 318 |
.gradio-container .tab-nav button {{ color: {MUTED} !important; }}
|
| 319 |
.gradio-container .tab-nav button.selected {{ color: {CYAN} !important; }}
|
| 320 |
"""
|