Fix color problems

app.py

@@ -68,7 +68,7 @@ def highlight_span(
     highlighted = text[span_start:span_end]
     after = text[span_end:]
 
-    return f'{before}<mark style="background-color: #ffeb3b; padding: 2px 4px; border-radius: 3px; font-weight: bold;">{highlighted}</mark>{after}'
+    return f'{before}<mark style="background-color: #64b5f6; color: #1565c0; padding: 2px 4px; border-radius: 3px; font-weight: bold;">{highlighted}</mark>{after}'
 
 
 def create_construction_link(construction_id: str, pattern: str) -> str:
@@ -114,7 +114,7 @@ def format_pipeline_results(results: Dict[str, Any]) -> str:
                 span_info['span_string']
             )
             html_parts.append(
-                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: white; border-radius: 4px; border: 1px solid #ddd;'>{highlighted_text}</div>")
+                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; border: 1px solid #ddd; color: #333;'>{highlighted_text}</div>")
 
             # Span details
             html_parts.append(
@@ -124,7 +124,7 @@ def format_pipeline_results(results: Dict[str, Any]) -> str:
             html_parts.append("</div>")
         else:
             html_parts.append(
-                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: white; border-radius: 4px; border: 1px solid #ddd;'>{original_text}</div>")
+                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; border: 1px solid #ddd; color: #333;'>{original_text}</div>")
             html_parts.append(
                 "<div style='margin-top: 8px; font-size: 12px; color: #999;'>No specific span identified</div>")
 
@@ -167,7 +167,7 @@ def format_span_results(text: str, results: List[Dict[str, Any]]) -> str:
                 span_info['span_string']
             )
             html_parts.append(
-                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: white; border-radius: 4px; border: 1px solid #ddd;'>{highlighted_text}</div>")
+                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; border: 1px solid #ddd; color: #333;'>{highlighted_text}</div>")
 
             # Span details
             html_parts.append(
@@ -177,7 +177,7 @@ def format_span_results(text: str, results: List[Dict[str, Any]]) -> str:
             html_parts.append("</div>")
         else:
             html_parts.append(
-                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: white; border-radius: 4px; border: 1px solid #ddd;'>{text}</div>")
+                f"<div style='font-size: 16px; line-height: 1.5; margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; border: 1px solid #ddd; color: #333;'>{text}</div>")
             html_parts.append(
                 "<div style='margin-top: 8px; font-size: 12px; color: #999;'>No span found for this pattern</div>")