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
- 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 {
|