Update app.py

app.py

@@ -20,9 +20,9 @@ model_path = hf_hub_download(
 print("Initializing llama.cpp LLM ...")
 llm = Llama(
     model_path=model_path,
-    n_ctx=2048,      
-    n_threads=2,     
-    n_batch=64,      
+    n_ctx=2048,          
+    n_threads=2,         
+    n_batch=64,          
     use_mmap=True,
     use_mlock=False,
 )
@@ -59,7 +59,6 @@ def build_prompt(message, history, style):
     return "".join(prompt_parts)
 
 def chat_fn(message, history, max_new_tokens, style):
-    # Hardcoded values 
     temperature = 0.7
     top_p = 0.9
     repetition_penalty = 1.1
@@ -78,7 +77,6 @@ def chat_fn(message, history, max_new_tokens, style):
 
 # --- 4. Winter/Christmas Theme Configuration ---
 
-# We remove the specific 'text_color_subdued' argument to fix the crash
 winter_theme = gr.themes.Soft(
     primary_hue="blue", 
     neutral_hue="slate",
@@ -90,23 +88,25 @@ winter_theme = gr.themes.Soft(
     button_primary_text_color="#000000",
 )
 
-# Custom CSS for the "Perfect" Look
+# --- UPDATED CSS ---
+# Changed logic: Apply background to 'body' and force '.gradio-container' to be transparent
 custom_css = """
-/* 1. Background Image: Snowy Winter Forest */
-.gradio-container {
-    background: url('https://images.unsplash.com/photo-1477601263568-180e2c6d046e?q=80&w=2560&auto=format&fit=crop') no-repeat center center fixed; 
-    background-size: cover;
+/* 1. APPLY BACKGROUND TO BODY directly to ensure it loads behind everything */
+body {
+    background: url('https://images.unsplash.com/photo-1477601263568-180e2c6d046e?q=80&w=2560&auto=format&fit=crop') no-repeat center center fixed !important; 
+    background-size: cover !important;
 }
 
-/* 2. Transparency */
-.gradio-container > .main {
+/* 2. Make the Gradio Container TRANSPARENT so body shows through */
+.gradio-container {
     background: transparent !important;
+    background-color: transparent !important;
 }
 
 /* 3. The Chat & Settings Blocks - "Frosty Glass" with White Borders */
 .group, .form, .bubble-wrap {
-    background: rgba(15, 23, 42, 0.75) !important; /* Dark Blue/Grey Glass */
-    border: 2px solid #FFFFFF !important; /* THE WHITE BORDER */
+    background: rgba(15, 23, 42, 0.75) !important; 
+    border: 2px solid #FFFFFF !important; 
     border-radius: 12px !important;
     backdrop-filter: blur(4px); 
     box-shadow: 0 4px 15px rgba(0,0,0,0.5);
@@ -114,11 +114,10 @@ custom_css = """
 
 /* 4. Chat Bubbles */
 .user-message {
-    background-color: rgba(255, 255, 255, 0.2) !important; /* Icy White transparency */
+    background-color: rgba(255, 255, 255, 0.2) !important; 
     border: 1px solid #FFFFFF !important;
     color: #FFFFFF !important;
 }
-
 .bot-message {
     background-color: rgba(0, 0, 0, 0.6) !important; 
     border: 1px solid #A0A0A0 !important;
@@ -131,7 +130,6 @@ textarea, input {
     border: 1px solid #FFFFFF !important;
     color: white !important;
 }
-/* This CSS handles the text color we removed from the Python code */
 label, span, p, .prose {
     color: #FFFFFF !important;
     text-shadow: 1px 1px 2px black; 
@@ -158,6 +156,7 @@ demo = gr.ChatInterface(
     additional_inputs_accordion="Settings",
 )
 
+# Apply Theme and CSS
 demo.theme = winter_theme
 demo.css = custom_css