Spaces:
Sleeping
Sleeping
Upload app.py with huggingface_hub
Browse files
app.py
CHANGED
|
@@ -204,6 +204,93 @@ label span {
|
|
| 204 |
::-webkit-scrollbar-thumb:hover { background: rgba(193,18,31,0.5); }
|
| 205 |
|
| 206 |
img { border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.08) !important; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 207 |
"""
|
| 208 |
|
| 209 |
HEADER = """
|
|
|
|
| 204 |
::-webkit-scrollbar-thumb:hover { background: rgba(193,18,31,0.5); }
|
| 205 |
|
| 206 |
img { border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.08) !important; }
|
| 207 |
+
/* GRADIO 6.x OVERRIDES */
|
| 208 |
+
.svelte-1gfkn6j, .svelte-1ipelgc, .svelte-1occ011 {
|
| 209 |
+
background: rgba(255,255,255,0.06) !important;
|
| 210 |
+
color: rgba(255,255,255,0.9) !important;
|
| 211 |
+
border-color: rgba(255,255,255,0.12) !important;
|
| 212 |
+
}
|
| 213 |
+
|
| 214 |
+
/* Fix all containers */
|
| 215 |
+
.container, .wrap, .form {
|
| 216 |
+
background: transparent !important;
|
| 217 |
+
border-color: rgba(255,255,255,0.08) !important;
|
| 218 |
+
}
|
| 219 |
+
|
| 220 |
+
/* Fix dropdowns */
|
| 221 |
+
.multiselect, .dropdown, ul.options {
|
| 222 |
+
background: #0d1117 !important;
|
| 223 |
+
color: rgba(255,255,255,0.9) !important;
|
| 224 |
+
border-color: rgba(255,255,255,0.15) !important;
|
| 225 |
+
}
|
| 226 |
+
|
| 227 |
+
ul.options li {
|
| 228 |
+
background: #0d1117 !important;
|
| 229 |
+
color: rgba(255,255,255,0.85) !important;
|
| 230 |
+
}
|
| 231 |
+
|
| 232 |
+
ul.options li:hover {
|
| 233 |
+
background: rgba(193,18,31,0.2) !important;
|
| 234 |
+
}
|
| 235 |
+
|
| 236 |
+
/* Fix radio buttons */
|
| 237 |
+
.radio-group label, .radio-group span {
|
| 238 |
+
color: rgba(255,255,255,0.8) !important;
|
| 239 |
+
}
|
| 240 |
+
|
| 241 |
+
/* Fix all textboxes */
|
| 242 |
+
.scroll-hide, .overflow-y-auto {
|
| 243 |
+
background: rgba(255,255,255,0.05) !important;
|
| 244 |
+
color: rgba(255,255,255,0.9) !important;
|
| 245 |
+
}
|
| 246 |
+
|
| 247 |
+
/* Fix number inputs */
|
| 248 |
+
input[type=number] {
|
| 249 |
+
background: rgba(255,255,255,0.06) !important;
|
| 250 |
+
color: rgba(255,255,255,0.9) !important;
|
| 251 |
+
border: 1px solid rgba(255,255,255,0.12) !important;
|
| 252 |
+
}
|
| 253 |
+
|
| 254 |
+
/* Fix file upload */
|
| 255 |
+
.file-preview, .upload-button {
|
| 256 |
+
background: rgba(255,255,255,0.04) !important;
|
| 257 |
+
color: rgba(255,255,255,0.7) !important;
|
| 258 |
+
border-color: rgba(255,255,255,0.15) !important;
|
| 259 |
+
}
|
| 260 |
+
|
| 261 |
+
/* Fix all white backgrounds */
|
| 262 |
+
.bg-white, .bg-gray-50, .bg-gray-100 {
|
| 263 |
+
background: rgba(255,255,255,0.04) !important;
|
| 264 |
+
}
|
| 265 |
+
|
| 266 |
+
/* Gradio panel backgrounds */
|
| 267 |
+
div.gradio-group, div.gradio-row, div.gradio-column {
|
| 268 |
+
background: transparent !important;
|
| 269 |
+
}
|
| 270 |
+
|
| 271 |
+
/* Fix image containers */
|
| 272 |
+
.image-container, .preview-container {
|
| 273 |
+
background: rgba(255,255,255,0.04) !important;
|
| 274 |
+
border: 1px solid rgba(255,255,255,0.08) !important;
|
| 275 |
+
border-radius: 14px !important;
|
| 276 |
+
}
|
| 277 |
+
|
| 278 |
+
/* Fix audio component */
|
| 279 |
+
.audio-container, .waveform-container {
|
| 280 |
+
background: rgba(255,255,255,0.04) !important;
|
| 281 |
+
border-radius: 14px !important;
|
| 282 |
+
}
|
| 283 |
+
|
| 284 |
+
/* Fix markdown */
|
| 285 |
+
.prose p, .prose h1, .prose h2, .prose h3 {
|
| 286 |
+
color: rgba(255,255,255,0.85) !important;
|
| 287 |
+
}
|
| 288 |
+
|
| 289 |
+
/* Fix all borders */
|
| 290 |
+
.border, .border-gray-200, .border-gray-300 {
|
| 291 |
+
border-color: rgba(255,255,255,0.08) !important;
|
| 292 |
+
}
|
| 293 |
+
|
| 294 |
"""
|
| 295 |
|
| 296 |
HEADER = """
|