Update app.py

app.py

@@ -8,54 +8,51 @@ 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 += chunk.choices[0].delta.content
+                partial_message = partial_message + chunk.choices[0].delta.content
                 yield partial_message
-              
+
 css = """
+body {
+    --color-bg-primary: #f8fafc; /* secondary_50 als Hintergrundfarbe */
+    --color-text-primary: #65858b; /* secondary_500 als Textfarbe */
+    --color-text-secondary: #48626a; /* secondary_600 für sekundären Text */
+    --color-border: #1d343a; /* secondary_800 für Grenzen und Linien */
+    --color-button-bg: #cbd5e1; /* secondary_300 für Button-Hintergrund */
+    --color-button-hover-bg: #94adb8; /* secondary_400 für Button-Hover-Hintergrund */
+    --color-button-text: #0f2029; /* secondary_900 für Button-Text */
+    font-family: Arial, sans-serif;
+}
+
 .generating {
-    display: none
+    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
+# Erstelle die Gradio-Schnittstelle
 iface = gr.Interface(
     fn=autocomplete,
     inputs=gr.Textbox(lines=2, placeholder="Hello 👋", label="Input Sentence"),
     outputs=gr.Markdown(),
     title="Frag mich einfach!",
     description="Powered by Groq",
-    live=True,
+    live=True,  
     allow_flagging="never",
-    css=css,
-    theme=theme  # Add the theme to your interface
+    css=css
 )
 
 iface.dependencies[0]['show_progress'] = "hidden"
 iface.dependencies[2]['show_progress'] = "hidden"
 
-# Launch the app
-iface.launch()
+# Starte die Anwendung
+iface.launch()