Andrew Gockenbach commited on
Commit
99ebdf1
·
1 Parent(s): bfa0650

Udated CSS Rules to enforce white text

Browse files
Files changed (1) hide show
  1. app.py +42 -6
app.py CHANGED
@@ -585,11 +585,23 @@ span[data-testid="block-info"] {
585
  font-weight: 400 !important;
586
  line-height: 1.5 !important;
587
  -webkit-font-smoothing: antialiased !important;
 
588
  }
589
 
590
  /* Improved text styling for all components */
591
  .gradio-container * {
592
  font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
 
 
 
 
 
 
 
 
 
 
 
593
  }
594
 
595
  /* Enhanced headings */
@@ -598,6 +610,35 @@ h1, h2, h3, h4, h5, h6 {
598
  font-weight: 600 !important;
599
  letter-spacing: -0.02em !important;
600
  line-height: 1.3 !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
601
  }
602
 
603
  /* Button text improvements */
@@ -683,15 +724,10 @@ def send_message(message, history):
683
  idx = 0
684
  cleared = False
685
 
686
- print("\n\n MODEL INPUT")
687
- print(message)
688
- print("\n\n")
689
-
690
  if len(context) > 1000:
691
  context = context[:1000] + "[...]"
692
- print("\n\n MODEL OUTPUT")
693
  for t in response_generator:
694
- print(t, end="")
695
  if idx <= 3:
696
  idx += 1
697
  continue
 
585
  font-weight: 400 !important;
586
  line-height: 1.5 !important;
587
  -webkit-font-smoothing: antialiased !important;
588
+ color: #ffffff !important; /* Force white text for messages */
589
  }
590
 
591
  /* Improved text styling for all components */
592
  .gradio-container * {
593
  font-family: 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
594
+ color: #000000 !important; /* Default text color */
595
+ }
596
+
597
+ /* Ensure text in chat bubbles is visible */
598
+ .gradio-chatbot .bubble,
599
+ .gradio-chatbot .bubble p,
600
+ .gradio-chatbot .bubble span,
601
+ .gradio-chatbot .bubble div,
602
+ .gradio-chatbot .message-content,
603
+ .gradio-chatbot .markdown {
604
+ color: #ffffff !important; /* Force white text in chat bubbles */
605
  }
606
 
607
  /* Enhanced headings */
 
610
  font-weight: 600 !important;
611
  letter-spacing: -0.02em !important;
612
  line-height: 1.3 !important;
613
+ color: #4f008c !important; /* Purple color for headings */
614
+ }
615
+
616
+ /* Ensure input text is visible */
617
+ .chat-input,
618
+ .chat-input::placeholder,
619
+ .chat-input textarea,
620
+ .chat-input textarea::placeholder {
621
+ color: #ffffff !important;
622
+ background-color: #000000 !important;
623
+ }
624
+
625
+ /* Fix for any other text that might be inheriting wrong colors */
626
+ body, html {
627
+ color: #000000 !important;
628
+ }
629
+
630
+ /* Ensure user messages have proper text color */
631
+ .user .bubble,
632
+ .user .bubble * {
633
+ background-color: #4f008c !important;
634
+ color: #ffffff !important;
635
+ }
636
+
637
+ /* Ensure bot messages have proper text color */
638
+ .bot .bubble,
639
+ .bot .bubble * {
640
+ background-color: #120428 !important;
641
+ color: #ffffff !important;
642
  }
643
 
644
  /* Button text improvements */
 
724
  idx = 0
725
  cleared = False
726
 
 
 
 
 
727
  if len(context) > 1000:
728
  context = context[:1000] + "[...]"
729
+
730
  for t in response_generator:
 
731
  if idx <= 3:
732
  idx += 1
733
  continue