Update app.py

app.py

@@ -2,13 +2,16 @@ import os
 import re
 import json
 import pickle
+import base64
+import mimetypes
+
+from openai import OpenAI
 from urllib.parse import quote
 
 import numpy as np
 import gradio as gr
 from rank_bm25 import BM25Okapi
 from sentence_transformers import SentenceTransformer
-from openai import OpenAI
 
 # =====================================================
 # CONFIG
@@ -280,16 +283,21 @@ def oai_json(prompt: str) -> dict:
 # =====================================================
 # LOGO
 # =====================================================
-def logo_url():
-    if os.path.exists(LOGO_FILE):
-        return f"/gradio_api/file={quote(LOGO_FILE)}"
-    return None
+def get_logo_data_uri():
+    if not os.path.exists(LOGO_FILE):
+        return None
+    mime_type, _ = mimetypes.guess_type(LOGO_FILE)
+    if not mime_type:
+        mime_type = "image/png"
+    with open(LOGO_FILE, "rb") as f:
+        encoded = base64.b64encode(f.read()).decode("utf-8")
+    return f"data:{mime_type};base64,{encoded}"
 
 
 def render_logo():
-    url = logo_url()
-    if url:
-        return f'<img src="{url}" alt="BrainChat logo" class="bc-logo-img">'
+    data_uri = get_logo_data_uri()
+    if data_uri:
+        return f'<img src="{data_uri}" alt="BrainChat logo" class="bc-logo-img">'
     return '<div class="bc-logo-fallback">BRAIN<br>CHAT</div>'
 
 
@@ -447,7 +455,8 @@ CSS = """
   --accent-soft: #f5ef9a;
   --user-bubble: #ffffff;
   --bot-bubble: #f5efad;
-  --text-dark: #221735;
+  --text-dark: #241336;
+  --text-dark-strong: #170c25;
   --text-light: #ffffff;
   --shadow: rgba(30,20,50,0.18);
 }
@@ -464,7 +473,7 @@ footer{display:none !important;}
 }
 
 .bc-settings{
-  background: linear-gradient(180deg, #484b59 0%, #3f424f 100%);
+  background: linear-gradient(180deg, #4a4c59 0%, #434552 100%);
   border-radius: 20px;
   padding: 14px;
   box-shadow: 0 10px 24px var(--shadow);
@@ -522,7 +531,7 @@ footer{display:none !important;}
   text-align:center;
   font-size: 13px;
   font-weight: 900;
-  color: var(--text-dark);
+  color: var(--text-dark-strong);
   background: rgba(255,255,255,0.40);
   line-height: 1.05;
 }
@@ -568,24 +577,29 @@ footer{display:none !important;}
   max-width: 80%;
   padding: 15px 18px;
   border-radius: 22px;
-  line-height: 1.5;
+  line-height: 1.6;
   font-size: 15px;
   box-shadow: 0 10px 18px rgba(0,0,0,0.10);
   word-wrap: break-word;
+  font-weight: 500;
 }
 
 .bc-user-bubble{
   background: var(--user-bubble);
-  color: var(--text-dark);
+  color: var(--text-dark-strong) !important;
   border-bottom-left-radius: 8px;
 }
 
 .bc-bot-bubble{
   background: var(--bot-bubble);
-  color: var(--text-dark);
+  color: var(--text-dark-strong) !important;
   border-bottom-right-radius: 8px;
 }
 
+.bc-bubble strong{
+  color: var(--text-dark-strong) !important;
+}
+
 .bc-empty{
   display:flex;
   justify-content:center;
@@ -620,7 +634,7 @@ footer{display:none !important;}
   justify-content:center;
   font-size: 30px;
   font-weight: 900;
-  color: var(--text-dark);
+  color: var(--text-dark-strong);
   user-select:none;
 }
 
@@ -629,7 +643,7 @@ footer{display:none !important;}
   border: none !important;
   box-shadow: none !important;
   border-radius: 999px !important;
-  color: var(--text-dark) !important;
+  color: var(--text-dark-strong) !important;
   padding: 11px 14px !important;
   min-height: 42px !important;
 }
@@ -643,7 +657,7 @@ footer{display:none !important;}
   border-radius: 999px !important;
   border: none !important;
   background: rgba(255,255,255,0.34) !important;
-  color: var(--text-dark) !important;
+  color: var(--text-dark-strong) !important;
   font-size: 20px !important;
   font-weight: 900 !important;
   box-shadow: none !important;