Update app.py

app.py

@@ -17,6 +17,14 @@ footer {
 }
 '''
 
+# Define the custom CSS
+custom_css = """
+input::placeholder {
+    color: pink;
+}
+"""
+# Inject the custom CSS into the Gradio interface
+css_block = f"<style>{custom_css}</style>"
 
 DESCRIPTIONXX = """
 
@@ -141,16 +149,30 @@ def load_predefined_images():
     ]
     return predefined_images
 
+#with gr.Blocks(css=css, theme="allenai/gradio-theme") as demo:
+ #   gr.Markdown(DESCRIPTIONXX)
+  #  with gr.Row():
+   #     prompt = gr.Text(
+    #        label="Prompt",
+     #       show_label=False,
+      #      max_lines=1,
+       #     placeholder="Enter your prompt",
+         #   container=False,
+        #)
+
+# Define the Gradio interface
 with gr.Blocks(css=css, theme="allenai/gradio-theme") as demo:
     gr.Markdown(DESCRIPTIONXX)
-    with gr.Row():
-        prompt = gr.Text(
-            label="Prompt",
-            show_label=False,
-            max_lines=1,
-            placeholder="Enter your prompt",
-            container=False,
-        )
+    with gr.HTML(css_block):  # Inject the CSS here
+        with gr.Row():
+            prompt = gr.Textbox(
+                label="Prompt",
+                show_label=False,
+                max_lines=1,
+                placeholder="Enter your prompt",
+                container=False,
+            )
+
         run_button = gr.Button("Run⚡", scale=0)
     result = gr.Gallery(label="Result", columns=1, show_label=False)