Update app.py

app.py

@@ -11,82 +11,6 @@ MODEL = "nomiChroma3.1"
 
 client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
 
-# Custom CSS for modern dark theme
-custom_css = """
-    body {
-        background-color: #121212;
-        color: #e0e0e0;
-        font-family: 'Roboto', sans-serif;
-        margin: 0;
-        padding: 0;
-    }
-    .gradio-container {
-        background-color: #1e1e1e !important;
-        border-radius: 12px;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
-        padding: 20px;
-        max-width: 900px;
-        margin: 40px auto;
-    }
-    .gradio-container .gr-inputs {
-        margin-bottom: 20px;
-    }
-    .gradio-container .gr-button {
-        background-color: #3b3b3b !important;
-        border: none;
-        border-radius: 8px;
-        color: #ffffff !important;
-        font-size: 15px;
-        font-weight: bold;
-        padding: 10px 20px;
-        transition: background-color 0.3s ease;
-    }
-    .gradio-container .gr-button:hover {
-        background-color: #575757 !important;
-    }
-    .gradio-container .gr-textbox textarea {
-        background-color: #2a2a2a !important;
-        color: #e0e0e0 !important;
-        border: 1px solid #555 !important;
-        border-radius: 8px;
-        padding: 10px;
-        transition: border-color 0.3s ease;
-    }
-    .gradio-container .gr-textbox textarea:focus {
-        border-color: #007bff !important;
-    }
-    .gradio-container .gr-slider {
-        margin: 10px 0;
-    }
-    .gradio-container .gr-slider .gr-slider-container {
-        background-color: #2a2a2a !important;
-        border-radius: 12px;
-        padding: 10px;
-    }
-    .gradio-container .gr-slider .gr-slider-value {
-        background-color: #007bff !important;
-        border-radius: 8px;
-        height: 6px;
-    }
-    .gradio-container .gr-chat-box {
-        border: 1px solid #2a2a2a !important;
-        border-radius: 12px;
-        padding: 20px;
-        background-color: #2a2a2a !important;
-    }
-    .gradio-container .gr-chat-box .gr-chat-bubble {
-        border-radius: 8px;
-        padding: 10px;
-    }
-    .gradio-container .gr-chat-box .gr-chat-bubble-user {
-        background-color: #007bff !important;
-        color: #ffffff !important;
-    }
-    .gradio-container .gr-chat-box .gr-chat-bubble-assistant {
-        background-color: #333333 !important;
-        color: #e0e0e0 !important;
-    }
-"""
 
 def respond(
     message,
@@ -120,17 +44,13 @@ def respond(
         response += token
         yield response
 
-# Updated ChatInterface with dark theme and modern layout
+"""
+For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
+"""
 demo = gr.ChatInterface(
     respond,
     additional_inputs=[
-        gr.Textbox(
-            value="You are a maritime legal assistant with expertise strictly in Indian maritime law. Provide detailed legal advice and information based on Indian maritime legal principles and regulations.",
-            label="System message",
-            placeholder="Enter system instructions...",
-            lines=3,
-            max_lines=5
-        ),
+        gr.Textbox(value="You are a maritime legal assistant with expertise strictly in indian maritime law. Provide detailed legal advice and information based on indian maritime legal principles and regulations. You have no word limit.", label="System message"),
         gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
         gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
         gr.Slider(
@@ -138,14 +58,13 @@ demo = gr.ChatInterface(
             maximum=1.0,
             value=0.95,
             step=0.05,
-            label="Top-p (nucleus sampling)"
+            label="Top-p (nucleus sampling)",
         ),
     ],
-    theme="dark",
     title="Maritime Legal Compliance",
-    description="This chatbot uses the fine-tuned Llama 3.1 model to provide legal advice on maritime law with a focus on Indian maritime regulations.",
-    css=custom_css
+    description="This chatbot uses the fine tune Llama 3.1 which has the capabilities of responding and helping in legal advices regarding maritime",
 )
 
+
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()