Update app.py

app.py

@@ -1,8 +1,4 @@
-"""
-app.py
-"""
 import os
-
 import gradio as gr
 from groq import Groq
 
@@ -12,18 +8,14 @@ def autocomplete(text):
     if text != "":
         response = client.chat.completions.create(
             model='gemma-7b-it',
-            messages=[
-                {
-                    "role": "user", 
-                    "content": text
-                }],
+            messages=[{"role": "user", "content": text}],
             stream=True
-            )
-            
+        )
+        
         partial_message = ""
         for chunk in response:
             if chunk.choices[0].delta.content is not None:
-                partial_message = partial_message + chunk.choices[0].delta.content
+                partial_message += chunk.choices[0].delta.content
                 yield partial_message
               
 css = """
@@ -31,19 +23,37 @@ css = """
     display: none
 }
 """
+
+# Theme Definition
+theme = gr.themes.Default(
+    primary_hue="neutral",
+    secondary_hue=gr.themes.Color(
+        secondary_100="#f1f5f9", secondary_200="#e2e8f0", secondary_300="#cbd5e1", 
+        secondary_400="#94adb8", secondary_50="#f8fafc", secondary_500="#65858b", 
+        secondary_600="#48626a", secondary_700="#345456", secondary_800="#1d343a", 
+        secondary_900="#0f2029", secondary_950="#0a1b1f"
+    ),
+    neutral_hue=gr.themes.Color(
+        neutral_100="#f3f4f6", neutral_200="#e5e7eb", neutral_300="#d4d9dd", 
+        neutral_400="#9ca9b0", neutral_50="#f9fafb", neutral_500="#6b7780", 
+        neutral_600="#034054", neutral_700="#14161a", neutral_800="#0a0a0a", 
+        neutral_900="#19191a", neutral_950="#050505"
+    )
+)
+
 # Create the Gradio interface with live updates
 iface = gr.Interface(
     fn=autocomplete,
-    inputs=gr.Textbox(lines=2,
-                      placeholder="Hello 👋",
-                      label="Input Sentence"),
+    inputs=gr.Textbox(lines=2, placeholder="Hello 👋", label="Input Sentence"),
     outputs=gr.Markdown(),
-    title="Catch me if you can 🐰",
-    description="Powered by Groq & Gemma",
-    live=True,  # Set live to True for real-time feedback
-    allow_flagging="never",  # Disable flagging
-    css=css
+    title="Frag mich einfach!",
+    description="Powered by Groq",
+    live=True,
+    allow_flagging="never",
+    css=css,
+    theme=theme  # Add the theme to your interface
 )
+
 iface.dependencies[0]['show_progress'] = "hidden"
 iface.dependencies[2]['show_progress'] = "hidden"