Update app.py

app.py

@@ -142,15 +142,16 @@ body {
 }
 
 label {
-    font-size: 16px !important;
-    color: darkgray !important;
+    font-size: 14px !important;
+    color: #0C1844 !important;
+    background-color: #FFF5E1;
 }
 .message.user {
-    background-color: #FFFFFF;
+    background-color: #ECFFE6;
 }
 
 .message.bot {
-    background-color: #F7EED3;
+    background-color: #FFF6EA;
 }
 
 .message::before {
@@ -240,7 +241,7 @@ with gr.Blocks(css=custom_css) as demo:
         submit_button_pdf = gr.Button("ارفع الملف", interactive=False)
     with gr.Row():
         with gr.Column(scale=3):
-            chatbot = gr.Chatbot(label="الشات", elem_id="chatbox", height=400, rtl=True, layout='bubble', bubble_full_width=False)
+            chatbot = gr.Chatbot(label="الشات", elem_id="chatbox", height=400, rtl=True, layout='panel')
     
     with gr.Row():
         chat_input = gr.Textbox(label="💬", rtl=True, visible=False,  placeholder="أدخل سؤالك هنا ..", elem_id="inputbox", lines=2)