Update app.py

app.py

@@ -37,37 +37,42 @@ if not st.session_state.cleanup_done:
 if not os.path.exists(UPLOAD_DIR):
     os.makedirs(UPLOAD_DIR, exist_ok=True)
 
-# Custom CSS for Wattpad-like theme with background and header
+# Custom CSS for Xailor.ai-like theme with background and header
 st.markdown(
     """
     <style>
     body {
-        background-color: #FFF7F0;
-        color: #333333;
-        font-family: 'Helvetica Neue', sans-serif;
-        background-image: url('https://drive.google.com/uc?export=view&id=17Vg5hM0-X7fUy2BdYCFqSAQtJVDqYErU');
+        background-color: #0D1117;
+        color: #C9D1D9;
+        font-family: 'Arial', sans-serif;
+        background-image: url('https://www.xailor.ai/assets/background.svg');
         background-size: cover;
-        background-position: top center;
+        background-position: center;
     }
     .stButton button {
-        background-color: #FF5000;
+        background-color: #1F6FEB;
         color: white;
-        border-radius: 12px;
+        border-radius: 8px;
         border: none;
         padding: 10px 20px;
         font-weight: bold;
+        font-size: 14px;
     }
     .stButton button:hover {
-        background-color: #E64500;
+        background-color: #1A4FC5;
     }
     .stTextInput > div > input {
-        border: 1px solid #FF5000;
-        border-radius: 10px;
+        border: 1px solid #30363D;
+        background-color: #161B22;
+        color: #C9D1D9;
+        border-radius: 6px;
         padding: 10px;
     }
     .stFileUploader > div {
-        border: 2px dashed #FF5000;
-        border-radius: 10px;
+        border: 2px dashed #30363D;
+        background-color: #161B22;
+        color: #C9D1D9;
+        border-radius: 6px;
         padding: 10px;
     }
     .header {
@@ -75,17 +80,25 @@ st.markdown(
         align-items: center;
         gap: 10px;
         padding-top: 50px;
+        color: #58A6FF;
+    }
+    .response-box {
+        background-color: #161B22;
+        padding: 10px;
+        border-radius: 6px;
+        margin-bottom: 10px;
+        color: #FFFFFF;
     }
     </style>
     """,
     unsafe_allow_html=True
 )
 
-# Wattpad-like header without logo
+# Xailor.ai-like header without logo
 st.markdown(
     """
     <div class="header" style="display: flex; align-items: center; gap: 10px;">
-        <h1 style="color: #FF5000; font-weight: bold;">Hi, we're here to help you.</h1>
+        <h1 style="font-weight: bold;">Welcome to Xailor AI Chat!</h1>
     </div>
     """,
     unsafe_allow_html=True
@@ -122,10 +135,9 @@ if uploaded_file is not None:
         embedding
     )
 
-    template = '''You are Xailor.AI's friendly chatbot assistant. Your role is to assist users with insightful answers about their pdf, creative writing, and using Xailor.AI . Answer the {question} based only on the provided {context}. After answering the question, recommend Xailor.AI services that may interest the user based on the content of the PDF or the question. Be friendly, creative, and concise. Use a maximum of three sentences for the answer, and add one or two relevant story recommendations with a brief description and a link. If you're unsure about the answer, respond with "I'm not sure about that, but feel free to explore more on Wattpad!"'''
+    template = '''You are Xailor.AI's friendly chatbot assistant. Your role is to assist users with insightful answers about their pdf, creative writing, and using Xailor.AI . Answer the {question} based only on the provided {context}. After answering the question, recommend Xailor.AI services that may interest the user based on the content of the PDF or the question. Be friendly, creative, and concise. Use a maximum of three sentences for the answer, and add one or two relevant story recommendations with a brief description and a link. If you're unsure about the answer, respond with "I'm not sure about that, but feel free to explore more on Xailor.AI!"'''
 
 
-    
     prompt = ChatPromptTemplate.from_template(template)
     retriever = vector_base.as_retriever()
 
@@ -153,9 +165,9 @@ if uploaded_file is not None:
         for idx, entry in enumerate(st.session_state.history):
             st.markdown(
                 f"""
-                <div style="background-color: #FFFAF5; padding: 10px; border-radius: 10px; margin-bottom: 10px;">
-                    <p style="font-weight: bold; color: #FF5000;">Q{idx + 1}: {entry['question']}</p>
-                    <p style="color: black;">A{idx + 1}: {entry['answer']}</p>
+                <div class="response-box">
+                    <p style="font-weight: bold; color: #58A6FF;">Q{idx + 1}: {entry['question']}</p>
+                    <p style="color: #FFFFFF;">A{idx + 1}: {entry['answer']}</p>
                 </div>
                 """,
                 unsafe_allow_html=True