RiverRider commited on
Commit
3b40874
·
verified ·
1 Parent(s): 4b07532

Fix radio/checkbox: do not override native control background

Browse files
Files changed (1) hide show
  1. app.py +8 -1
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 textarea,
 
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
  """