Update app.py

app.py

@@ -170,6 +170,7 @@ def is_all_english(text: str) -> bool:
     and a few basic punctuation characters. If so, return True.
     Otherwise, False (includes Korean or other characters).
     """
+    import re
     return bool(re.match(r'^[a-zA-Z0-9\s\.,!\?\']*$', text))
 
 def maybe_use_random_or_original(final_text: str) -> str:
@@ -318,39 +319,72 @@ def run_process(
 with gr.Blocks(title="Eevery Text Imaginator: FLUX") as demo:
     gr.Markdown(
         """
+        <style>
+        /* Set a gradient background for the entire page */
+        body {
+          background: linear-gradient(to right, #ffecd2, #fcb69f);
+          margin: 0; 
+          padding: 0;
+        }
+        .gradio-container {
+          font-family: "Trebuchet MS", sans-serif;
+          color: #333;
+          max-width: 1200px;
+          margin: 0 auto;
+          padding: 20px;
+        }
+        h2 {
+          color: #4CAF50;
+        }
+        p, label {
+          color: #5c6bc0;
+        }
+        .gr-button {
+          background-color: #fff176 !important;
+          color: #000 !important;
+          border: none !important;
+          margin-top: 10px !important;
+        }
+        .gr-button:hover {
+          background-color: #ffe100 !important;
+        }
+        .gr-examples > .label {
+          color: #d500f9;
+        }
+        </style>
+
         <h2 style="text-align:center; margin-bottom: 15px;">
             <strong>Eevery Text Imaginator: FLUX</strong>
         </h2>
         
         <p style="text-align:center;">
-            This tool generates two final images from a prompt
+            This tool generates <b>two final images</b> from a prompt
             containing placeholders <code>&lt;text1&gt;</code>, <code>&lt;text2&gt;</code>, <code>&lt;text3&gt;</code>.
-            If your chosen text is purely English, it will appear directly;
-            otherwise it becomes random letters in the initial phase.
+            <br>If your chosen text is purely English, it will appear directly;
+            otherwise it becomes <i>random letters</i> in the initial phase.
         </p>
         
         <hr style="margin: 15px 0;">
         """
     )
 
-    # 5 example prompts (focusing on <text1>, <text2>)
+    # 6 example prompts (slightly more colorful list)
     examples = [
         [
             "Futuristic neon sign with <text1>, plus near the bottom",
             "OPEN", "", ""
-        ],        
+        ],
         [
             "On a grand stage, <text1> in big letters and on the left side",
             "환영합니다.", "", ""
         ],
-
         [
             "A classical poster reading <text1> in bold,  as a subtitle",
             "错觉", "", ""
         ],
         [
             "In a cartoon style, a speech bubble with <text1> and another text ",
-            "안", "", ""
+            "안녕", "", ""
         ],
         [
             "Large billboard featuring <text1>",
@@ -359,13 +393,12 @@ with gr.Blocks(title="Eevery Text Imaginator: FLUX") as demo:
         [
             "썬글라스 착용한 흰색 고양이의 배너 <text1>",
             "안녕", "", ""
-        ],        
+        ],
     ]
 
     with gr.Row():
         with gr.Column():
-            # Instead of gr.Box(), we can just group them or leave them as is
-            with gr.Group():  
+            with gr.Group():
                 prompt_input = gr.Textbox(
                     lines=3,
                     label="Prompt (Korean or English)",
@@ -393,6 +426,7 @@ with gr.Blocks(title="Eevery Text Imaginator: FLUX") as demo:
 
             run_btn = gr.Button("Generate 2 Final Images", variant="primary")
 
+            # Show the examples
             gr.Examples(
                 examples=examples,
                 inputs=[prompt_input, final_text1, final_text2, final_text3],