jdesiree commited on
Commit
a005d70
·
verified ·
1 Parent(s): e7a228b

More Targeted "Dark Mode" Issue addressing

Browse files

Extracted 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.

Files changed (1) hide show
  1. app.py +12 -0
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 {