Update app.py

app.py

@@ -232,12 +232,58 @@ demo = gr.ChatInterface(
         show_copy_button=True,
         likeable=True,
         layout="panel",
-        css=".chat-container { border: 1px solid #ccc; border-radius: 5px; padding: 10px; }.chat-message { background-color: #f0f0f0; padding: 10px; border-radius: 5px; margin-bottom: 10px; }.chat-message.own { background-color: #dff0d8; }.chat-message.own::before { content: 'You'; font-weight: bold; }.chat-message.bot::before { content: 'Bot'; font-weight: bold; }",
     ),
-    description="# OpenGPT 4o \n ### chat, generate images, perform web searches, and Q&A with images.",
+    description="# OpenGPT 4o \n ### chat, generate images, perform web searches, and Q&A with images.`,
     textbox=gr.MultimodalTextbox(),
     multimodal=True,
     concurrency_limit=200,
     cache_examples=False,
+    theme="default",
+    css="""
+       .chat-container {
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            padding: 10px;
+        }
+       .chat-message {
+            background-color: #f0f0f0;
+            padding: 10px;
+            border-radius: 5px;
+            margin-bottom: 10px;
+        }
+       .chat-message.own {
+            background-color: #dff0d8;
+        }
+       .chat-message.own::before {
+            content: 'You';
+            font-weight: bold;
+        }
+       .chat-message.bot::before {
+            content: 'Bot';
+            font-weight: bold;
+        }
+        /* Add this to make it look like Hugging Chat v0.9.2 */
+       .chat-container {
+            background-color: #f0f0f0;
+            padding: 20px;
+        }
+       .chat-message {
+            background-color: #dff0d8;
+            padding: 10px;
+            border-radius: 5px;
+            margin-bottom: 10px;
+        }
+       .chat-message.own {
+            background-color: #dff0d8;
+        }
+       .chat-message.own::before {
+            content: 'You';
+            font-weight: bold;
+        }
+       .chat-message.bot::before {
+            content: 'Bot';
+            font-weight: bold;
+        }
+    """,
 )
 demo.launch()