Archie commited on
Commit ·
a763da5
1
Parent(s): 928026b
Fix radio button and label readability
Browse files
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
|
| 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:
|