Update app.py

app.py

@@ -457,15 +457,15 @@ def process_body(text, title):
             
             # Create an image preview card
             preview_html = f"""
-    <div class="image-preview" style="margin: 10px 0; padding: 10px; background: rgba(30, 41, 59, 0.4); border-radius: 6px;">
+    <div class="image-preview" style="margin: 10px 0; padding: 10px; background: #f9fafc; border-radius: 6px;">
         <div style="display: flex; align-items: center; margin-bottom: 8px;">
             <span style="font-size: 20px; margin-right: 8px;">🖼️</span>
-            <span style="color: #93c5fd;">{alt_text}</span>
-                    </div>
-                    <a href="{fixed_src}" target="_blank" rel="noopener noreferrer" 
-            style="color: #60a5fa; text-decoration: none;">View image</a>
-            </div>
-            """
+            <span style="color: #219ebc;">{alt_text}</span>
+        </div>
+        <a href="{fixed_src}" target="_blank" rel="noopener noreferrer" 
+            style="color: #219ebc; text-decoration: none;">View image</a>
+    </div>
+    """
             
             new_soup = BeautifulSoup(preview_html, 'html.parser')
             img.replace_with(new_soup)
@@ -478,24 +478,24 @@ def process_body(text, title):
                     link['href'] = fix_stack_exchange_url(href)
                 link['target'] = '_blank'
                 link['rel'] = 'noopener noreferrer'
-                link['style'] = 'color: #60a5fa; text-decoration: none;'
+                link['style'] = 'color: #219ebc; text-decoration: none;'
         
         # Add paragraph styling
         for p in soup.find_all(['p', 'div']):
             if not any(cls in (p.get('class', []) or []) for cls in ['image-preview', 'question-card']):
                 current_style = p.get('style', '')
-                p['style'] = f"{current_style}; margin: 0.8em 0; line-height: 1.6; color: #e2e8f0;"
+                p['style'] = f"{current_style}; margin: 0.8em 0; line-height: 1.6; color: #333333;"
         
         # Add list styling
         for ul in soup.find_all(['ul', 'ol']):
-            ul['style'] = 'margin: 0.8em 0; padding-left: 1.5em; color: #e2e8f0;'
+            ul['style'] = 'margin: 0.8em 0; padding-left: 1.5em; color: #333333;'
         
         for li in soup.find_all('li'):
-            li['style'] = 'margin: 0.4em 0; line-height: 1.6; color: #e2e8f0;'
+            li['style'] = 'margin: 0.4em 0; line-height: 1.6; color: #333333;'
         
         # Add code block styling
         for code in soup.find_all(['code', 'pre']):
-            code['style'] = 'background: rgba(30, 41, 59, 0.5); padding: 0.2em 0.4em; border-radius: 4px; font-family: monospace; color: #e2e8f0;'
+            code['style'] = 'background: #f9fafc; padding: 0.2em 0.4em; border-radius: 4px; font-family: monospace; color: #333333;'
         
         return str(soup)
         
@@ -525,7 +525,7 @@ def format_question(q: Dict) -> str:
             <div class="question-meta" style="font-size: 0.9em; margin-bottom: 15px;">
                 <span style="color: #219ebc; font-weight: 500;">{author}</span>
                 {' asked' if source == 'stack_exchange' else ' posted'} on 
-                <span style="color: #333333;">{created_date}</span>
+                <span style="color: #023047;">{created_date}</span>
                 <div class="stats" style="margin-top: 5px;">
                     <span title="Upvotes"><span style="color: #219ebc;">▲</span> {upvotes}</span>
                     <span style="margin-left: 15px;" title="Comments"><span style="color: #219ebc;">💬</span> {num_comments}</span>
@@ -538,7 +538,7 @@ def format_question(q: Dict) -> str:
             body = q.get('body', '')
             if body:
                 content_html = f"""
-                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #333333; line-height: 1.6;">
+                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #023047; line-height: 1.6;">
                     {process_body(body, title)}
                 </div>
                 """
@@ -550,8 +550,8 @@ def format_question(q: Dict) -> str:
             answers = [correct_answer] + incorrect_answers if incorrect_answers else [correct_answer]
             answers_html = "".join([
                 f"""
-                <div class="answer-option" style="margin: 8px 0; padding: 10px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6; border-left: 3px solid {'#219ebc' if answer == correct_answer else '#8ecae6'};">
-                    <span style="color: #333333;">
+                <div class="answer-option" style="margin: 8px 0; padding: 10px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6; border-left: 3px solid {'#4caf50' if answer == correct_answer else '#8ecae6'};">
+                    <span style="color: {'#4caf50' if answer == correct_answer else '#023047'}; font-weight: {'500' if answer == correct_answer else 'normal'};">
                         {answer}
                     </span>
                 </div>
@@ -561,7 +561,7 @@ def format_question(q: Dict) -> str:
             
             content_html = f"""
             <div class="answers-container" style="margin-top: 15px;">
-                <div style="color: #333333; margin-bottom: 10px;">Answer options:</div>
+                <div style="color: #023047; margin-bottom: 10px; font-weight: 500;">Answer options:</div>
                 {answers_html}
             </div>
             """
@@ -571,8 +571,8 @@ def format_question(q: Dict) -> str:
             if correct_answer:
                 content_html = f"""
                 <div class="answer" style="margin-top: 15px; padding: 15px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6;">
-                    <div style="color: #333333; margin-bottom: 10px;">Answer:</div>
-                    <div style="color: #333333;">{correct_answer}</div>
+                    <div style="color: #023047; margin-bottom: 10px; font-weight: 500;">Answer:</div>
+                    <div style="color: #4caf50; font-weight: 500;">{correct_answer}</div>
                 </div>
                 """
             
@@ -587,15 +587,15 @@ def format_question(q: Dict) -> str:
         if not content_html:
             if 'body' in q:
                 content_html = f"""
-                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #333333; line-height: 1.6;">
+                <div class="question-content" style="margin-top: 20px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #023047; line-height: 1.6;">
                     {process_body(q['body'], title)}
                 </div>
                 """
             elif 'correct_answer' in q:
                 content_html = f"""
                 <div class="answer" style="margin-top: 15px; padding: 15px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6;">
-                    <div style="color: #333333; margin-bottom: 10px;">Answer:</div>
-                    <div style="color: #333333;">{q['correct_answer']}</div>
+                    <div style="color: #023047; margin-bottom: 10px; font-weight: 500;">Answer:</div>
+                    <div style="color: #4caf50; font-weight: 500;">{q['correct_answer']}</div>
                 </div>
                 """
         
@@ -664,7 +664,7 @@ def format_question(q: Dict) -> str:
             {metadata_html}
             
             <div class="interests-bar" style="margin: 15px 0; padding: 10px; background: #f9fafc; border-radius: 6px; border: 1px solid #8ecae6; border-left: 3px solid #219ebc;">
-                <div style="color: #333333; font-size: 0.9em;">Common Interests:</div>
+                <div style="color: #023047; font-size: 0.9em; font-weight: 500;">Common Interests:</div>
                 <div style="color: #219ebc; font-weight: 500; margin-top: 5px;">{interests_str}</div>
             </div>