Update app.py

app.py

@@ -19,6 +19,24 @@ PLACEHOLDER = """
 </div>
 """
 
+css = """
+.message-row {
+    justify-content: space-evenly !important;
+}
+.message-bubble-border {
+    border-radius: 6px !important;
+}
+.dark.message-bubble-border {
+    border-color: #21293b !important;
+}
+.dark.user {
+    background: #0a1120 !important;
+}
+.dark.assistant {
+    background: transparent !important;
+}
+"""
+
 DESCRIPTION = """<div>
 <p>🇮🇹 Italian LLM <a href="https://huggingface.co/mii-llm/maestrale-chat-v0.4-alpha"><b>Maestrale Chat v0.4 alpha</b></a>. Maestrale is a powerful language model for Italian, trained by mii-llm, based on Mistral 7B.</p>
 <p>🔎 For more details about Maestrale and how to use it with <code>transformers</code>, visit the <a href="https://huggingface.co/mii-llm/maestrale-chat-v0.4-alpha-sft">model card</a>.</p>
@@ -89,7 +107,18 @@ demo = gr.ChatInterface(
     fn=chat,
     chatbot=chatbot,
     fill_height=True,
-    theme=gr.themes.Soft(),
+    theme=gr.themes.Soft(primary_hue="indigo", secondary_hue="blue", neutral_hue="gray",font=[gr.themes.GoogleFont("Exo"), "ui-sans-serif", "system-ui", "sans-serif"]).set(
+        body_background_fill_dark="#0f172a",
+        block_background_fill_dark="#0f172a",
+        block_border_width="1px",
+        block_title_background_fill_dark="#070d1b",
+        input_background_fill_dark="#0c1425",
+        button_secondary_background_fill_dark="#070d1b",
+        border_color_primary_dark="#21293b",
+        background_fill_secondary_dark="#0f172a",
+        color_accent_soft_dark="transparent"
+    ),
+    css=css,
     additional_inputs_accordion=gr.Accordion(
         label="⚙️ Parametri", open=False, render=False
     ),