Update app.py

app.py

@@ -63,7 +63,33 @@ def query(prompt, is_negative=False, steps=30, cfg_scale=7, sampler="DPM++ 2M Ka
 def clear_prompt(prompt):
     return ""
 
-with gr.Blocks() as app:
+css = """
+h1 {
+    color: #f28f8f; /* Color para el encabezado h1 */
+}
+
+h2 {
+    color: #f28f8f; /* Color para el encabezado h2 */
+}
+
+button.primary {
+    background-color: #28a745; /* Color verde para el botón Generate */
+    color: #ffffff; /* Texto blanco en el botón */
+    border: 1px solid #28a745; /* Borde verde para el botón */
+}
+
+button.primary:hover {
+    background-color: #218838; /* Verde oscuro en hover */
+}
+
+button.secondary {
+    background-color: #f0f0f0; /* Color de fondo para el botón Clear */
+    color: #333333; /* Texto gris oscuro en el botón */
+    border: 1px solid #cccccc; /* Borde gris claro para el botón */
+}
+"""
+
+with gr.Blocks(css=css) as app:
     gr.HTML("""
     <h1 align="center">Dream Generator with Flux</h1>
     <h2 align="center">Transforma tus sueños en imágenes vibrantes con un solo clic.</h2>
@@ -72,11 +98,6 @@ with gr.Blocks() as app:
     with gr.Row():
         with gr.Column(scale=1):
             text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2, elem_id="prompt-text-input")
-            with gr.Row():
-                with gr.Column(scale=1):
-                    clear_button = gr.Button("Clear", elem_id="clear-button", variant="secondary")
-                with gr.Column(scale=1):
-                    generate_button = gr.Button("Generate", elem_id="generate-button", variant="primary")
             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")
                 steps = gr.Slider(label="Sampling steps", value=35, minimum=1, maximum=100, step=1)
@@ -85,6 +106,12 @@ with gr.Blocks() as app:
                 strength = gr.Slider(label="Strength", value=0.7, minimum=0, maximum=1, step=0.001)
                 seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
 
+            with gr.Row():  # Fila para los botones
+                with gr.Column(scale=1, elem_id="button-container"):
+                    clear_button = gr.Button("Clear", elem_id="clear-button", variant="secondary")
+                with gr.Column(scale=1, elem_id="button-container"):
+                    generate_button = gr.Button("Generate", elem_id="generate-button", variant="primary")
+                
         with gr.Column(scale=1):
             image_output = gr.Image(type="pil", label="Image Output", elem_id="gallery")