Spaces:
Build error
Build error
Update app.py
Browse files
app.py
CHANGED
|
@@ -126,43 +126,54 @@ def inference(
|
|
| 126 |
|
| 127 |
|
| 128 |
with gr.Blocks(css="""
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
color: #
|
|
|
|
| 132 |
}
|
| 133 |
-
|
| 134 |
-
|
|
|
|
|
|
|
|
|
|
| 135 |
}
|
|
|
|
|
|
|
| 136 |
.gr-button-primary {
|
| 137 |
-
background-color: #
|
| 138 |
-
border-color: #
|
|
|
|
| 139 |
}
|
|
|
|
| 140 |
.gr-button-primary:hover {
|
| 141 |
-
background-color: #
|
| 142 |
-
border-color: #
|
| 143 |
}
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
.gr-input, .gr-select {
|
| 151 |
-
background-color: #2a2a2a;
|
| 152 |
-
border-color: #444444;
|
| 153 |
-
color: #e0e0e0;
|
| 154 |
}
|
| 155 |
-
|
| 156 |
-
|
|
|
|
|
|
|
| 157 |
}
|
| 158 |
-
|
| 159 |
-
|
|
|
|
|
|
|
| 160 |
}
|
| 161 |
-
|
| 162 |
-
|
|
|
|
| 163 |
}
|
| 164 |
-
|
| 165 |
-
|
|
|
|
|
|
|
| 166 |
}
|
| 167 |
""") as blocks:
|
| 168 |
gr.Markdown(
|
|
|
|
| 126 |
|
| 127 |
|
| 128 |
with gr.Blocks(css="""
|
| 129 |
+
/* Global styles */
|
| 130 |
+
body, .gradio-container, #component-0 {
|
| 131 |
+
background-color: #1a1a1a !important;
|
| 132 |
+
color: #e0e0e0 !important;
|
| 133 |
}
|
| 134 |
+
|
| 135 |
+
/* Form and input styles */
|
| 136 |
+
.gr-form, .gr-box, .gr-panel {
|
| 137 |
+
background-color: #2a2a2a !important;
|
| 138 |
+
border-color: #444444 !important;
|
| 139 |
}
|
| 140 |
+
|
| 141 |
+
/* Button styles */
|
| 142 |
.gr-button-primary {
|
| 143 |
+
background-color: #ff4500 !important;
|
| 144 |
+
border-color: #ff4500 !important;
|
| 145 |
+
color: white !important;
|
| 146 |
}
|
| 147 |
+
|
| 148 |
.gr-button-primary:hover {
|
| 149 |
+
background-color: #ff6347 !important;
|
| 150 |
+
border-color: #ff6347 !important;
|
| 151 |
}
|
| 152 |
+
|
| 153 |
+
/* Input and select styles */
|
| 154 |
+
.gr-input, .gr-select, .gr-textarea {
|
| 155 |
+
background-color: #333333 !important;
|
| 156 |
+
border-color: #555555 !important;
|
| 157 |
+
color: #ffffff !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
}
|
| 159 |
+
|
| 160 |
+
/* Label styles */
|
| 161 |
+
.gr-form-label, .gr-label {
|
| 162 |
+
color: #ff4500 !important;
|
| 163 |
}
|
| 164 |
+
|
| 165 |
+
/* Slider styles */
|
| 166 |
+
.gr-slider {
|
| 167 |
+
background-color: #444444 !important;
|
| 168 |
}
|
| 169 |
+
|
| 170 |
+
.gr-slider-handle {
|
| 171 |
+
background-color: #ff4500 !important;
|
| 172 |
}
|
| 173 |
+
|
| 174 |
+
/* Ensure text is visible */
|
| 175 |
+
p, h1, h2, h3, span {
|
| 176 |
+
color: #e0e0e0 !important;
|
| 177 |
}
|
| 178 |
""") as blocks:
|
| 179 |
gr.Markdown(
|