Spaces:
Sleeping
Sleeping
More Targeted "Dark Mode" Issue addressing
Browse filesExtracted the class and role of the chatbox from the application's HTML code, targeting specifically this attribute to override the default grey color and apply the desired color scheme.
app.py
CHANGED
|
@@ -322,6 +322,18 @@ custom_css = """
|
|
| 322 |
.gradio-container-5-42-0 {
|
| 323 |
color-scheme: light !important;
|
| 324 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 325 |
}
|
| 326 |
|
| 327 |
html, body {
|
|
|
|
| 322 |
.gradio-container-5-42-0 {
|
| 323 |
color-scheme: light !important;
|
| 324 |
}
|
| 325 |
+
|
| 326 |
+
/* Target the specific Svelte chat placeholder */
|
| 327 |
+
.placeholder-content.svelte-9pi8y1[role="complementary"] {
|
| 328 |
+
background-color: #d9d1ce !important;
|
| 329 |
+
border: 1pt solid #59524f !important;
|
| 330 |
+
}
|
| 331 |
+
|
| 332 |
+
/* Additional fallback selectors */
|
| 333 |
+
div[role="complementary"] {
|
| 334 |
+
background-color: #d9d1ce !important;
|
| 335 |
+
border: 1pt solid #59524f !important;
|
| 336 |
+
}
|
| 337 |
}
|
| 338 |
|
| 339 |
html, body {
|