Update app.py

app.py

@@ -123,9 +123,50 @@ def inference(
     return out.images[0]  # type: ignore
 
 
-with gr.Blocks() as blocks:
+with gr.Blocks(css="""
+    body {
+        background-color: #000000;
+        color: #ffffff;
+    }
+    .gradio-container {
+        background-color: #000000;
+    }
+    .gr-button-primary {
+        background-color: #ff0000 !important;
+        border-color: #ff0000 !important;
+    }
+    .gr-button-primary:hover {
+        background-color: #cc0000 !important;
+        border-color: #cc0000 !important;
+    }
+    #markdown-content h1, #markdown-content h2, #markdown-content h3 {
+        color: #ff0000;
+    }
+    .gr-form {
+        background-color: #1a1a1a;
+        border: 1px solid #333333;
+        border-radius: 8px;
+        padding: 20px;
+    }
+    .gr-input, .gr-select {
+        background-color: #2a2a2a;
+        border-color: #444444;
+        color: #ffffff;
+    }
+    .gr-input:focus, .gr-select:focus {
+        border-color: #ff0000;
+    }
+    .gr-form-label {
+        color: #ff0000;
+    }
+""") as blocks:
     gr.Markdown(
         """
+        <div style="text-align: center;">
+        
+
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/_VyYxp5qE_nRZ_LJqBxmL.webp" alt="Yamamoto Logo" style="max-width: 200px; margin-bottom: 20px;">
+        
         # 🎨 Yamamoto QR Code Art Generator
 
         ## Transform Your QR Codes into Brand Masterpieces
@@ -153,7 +194,10 @@ with gr.Blocks() as blocks:
 
         Remember, the magic lies in the details of your prompt and the fine-tuning of your settings. 
         Happy creating!
-        """
+        
+        </div>
+        """,
+        elem_id="markdown-content"
     )
 
     with gr.Row():