david167 commited on
Commit
02ad4bf
·
1 Parent(s): 6849ba1

Fix font visibility: Add dark text colors for better contrast

Browse files

- Add color: #212529 to bot messages to fix white-on-white text issue
- Add general chatbot text color rules for better visibility
- Ensure all message elements have proper dark text color

Files changed (1) hide show
  1. gradio_app.py +10 -0
gradio_app.py CHANGED
@@ -276,6 +276,15 @@ css = """
276
  border-radius: 12px !important;
277
  border: 1px solid #e0e0e0 !important;
278
  background-color: #fafafa !important;
 
 
 
 
 
 
 
 
 
279
  }
280
  .message {
281
  padding: 12px 16px !important;
@@ -295,6 +304,7 @@ css = """
295
  border: 1px solid #e9ecef !important;
296
  margin-left: 0 !important;
297
  margin-right: auto !important;
 
298
  }
299
  /* Full width input area */
300
  .gr-textbox {
 
276
  border-radius: 12px !important;
277
  border: 1px solid #e0e0e0 !important;
278
  background-color: #fafafa !important;
279
+ color: #212529 !important;
280
+ }
281
+
282
+ /* Ensure all chatbot text has proper contrast */
283
+ #chatbot .message,
284
+ #chatbot .bot-message,
285
+ #chatbot .user-message,
286
+ #chatbot div {
287
+ color: #212529 !important;
288
  }
289
  .message {
290
  padding: 12px 16px !important;
 
304
  border: 1px solid #e9ecef !important;
305
  margin-left: 0 !important;
306
  margin-right: auto !important;
307
+ color: #212529 !important;
308
  }
309
  /* Full width input area */
310
  .gr-textbox {