Archie commited on
Commit
a763da5
·
1 Parent(s): 928026b

Fix radio button and label readability

Browse files
Files changed (1) hide show
  1. app.py +15 -1
app.py CHANGED
@@ -126,9 +126,23 @@ css = """
126
  .main-header h1 { font-family: 'JetBrains Mono', monospace; color: #b8941e !important; }
127
  .main-header p { color: #555 !important; }
128
  footer { display: none !important; }
129
- /* Ensure table text is readable */
130
  .gradio-dataframe td, .gradio-dataframe th { color: #1a1a1a !important; }
131
  .dark .gradio-dataframe td, .dark .gradio-dataframe th { color: #e8e6e3 !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
  """
133
 
134
  with gr.Blocks(theme=theme, css=css, title="BlockchainToken Explorer") as demo:
 
126
  .main-header h1 { font-family: 'JetBrains Mono', monospace; color: #b8941e !important; }
127
  .main-header p { color: #555 !important; }
128
  footer { display: none !important; }
129
+ /* Ensure all text is readable */
130
  .gradio-dataframe td, .gradio-dataframe th { color: #1a1a1a !important; }
131
  .dark .gradio-dataframe td, .dark .gradio-dataframe th { color: #e8e6e3 !important; }
132
+ /* Radio buttons, checkboxes, labels */
133
+ .gradio-radio label span, .gradio-radio .group_label,
134
+ input[type="radio"] + label, .radio-group label,
135
+ label.svelte-1qxcj04, span.svelte-1qxcj04,
136
+ .block label span, .wrap label span { color: #1a1a1a !important; }
137
+ .dark .block label span, .dark .wrap label span { color: #e8e6e3 !important; }
138
+ /* All form labels and text */
139
+ .label-wrap span, .block .label-wrap, .gradio-group label { color: #1a1a1a !important; }
140
+ .dark .label-wrap span, .dark .block .label-wrap { color: #e8e6e3 !important; }
141
+ /* Input text */
142
+ input, textarea, select, .input-text { color: #1a1a1a !important; }
143
+ .dark input, .dark textarea, .dark select { color: #e8e6e3 !important; }
144
+ /* Dropdown and textbox */
145
+ .secondary-text, .token-text { color: #555 !important; }
146
  """
147
 
148
  with gr.Blocks(theme=theme, css=css, title="BlockchainToken Explorer") as demo: