Update app.py

app.py

@@ -60,46 +60,20 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
         print(f"Error when trying to open the image: {e}")
         return None
 
-css = """
-#app-container {
-    max-width: 600px;
-    margin-left: auto;
-    margin-right: auto;
-    background-color: #ffffff; /* Fondo blanco */
-    color: #333333; /* Texto gris oscuro */
-}
-
-input, textarea, select {
-    background-color: #f5f5f5; /* Fondo gris claro para inputs */
-    color: #333333; /* Texto gris oscuro en inputs */
-    border: 1px solid #cccccc; /* Borde gris claro en inputs */
-}
-
-button {
-    background-color: #f28f8f; /* Fondo rojo */
-    color: #ffffff; /* Texto blanco en botones */
-    border: 1px solid #f28f8f; /* Borde rojo en botones */
-}
-
-button:hover {
-    background-color: #e74c3c; /* Rojo oscuro en hover */
-}
-
-h1, h2, h3, h4, h5, h6 {
-    color: #f28f8f; /* Texto rojo en encabezados */
-}
-"""
-
-with gr.Blocks(css=css) as app:
-    gr.HTML("<center><h1>FLUX.1-Dev</h1></center>")
-    with gr.Column(elem_id="app-container"):
+with gr.Blocks() as app:
+    gr.HTML("""
+        <center><h1 style="color: #f28f8f;">Dream Generator with Flux</h1></center>
+        <center><h2 style="color: #333333;">Transforma tus sueños en imágenes vibrantes con un solo clic.</h2></center>
+    """)
+    
+    with gr.Column():
         with gr.Row():
-            with gr.Column(elem_id="prompt-container"):
+            with gr.Column():
                 with gr.Row():
-                    text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2, elem_id="prompt-text-input")
+                    text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2)
                 with gr.Row():
                     with gr.Accordion("Advanced Settings", open=False):
-                        negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="What should not be in the image", value="(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos", lines=3, elem_id="negative-prompt-text-input")
+                        negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="What should not be in the image", value="(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos", lines=3)
                         steps = gr.Slider(label="Sampling steps", value=35, minimum=1, maximum=100, step=1)
                         cfg = gr.Slider(label="CFG Scale", value=7, minimum=1, maximum=20, step=1)
                         method = gr.Radio(label="Sampling method", value="DPM++ 2M Karras", choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"])
@@ -107,9 +81,9 @@ with gr.Blocks(css=css) as app:
                         seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
 
         with gr.Row():
-            text_button = gr.Button("Run", variant='primary', elem_id="gen-button")
+            text_button = gr.Button("Run", variant='primary')
         with gr.Row():
-            image_output = gr.Image(type="pil", label="Image Output", elem_id="gallery")
+            image_output = gr.Image(type="pil", label="Image Output")
         
         text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength], outputs=image_output)