Update app.py

app.py

@@ -4,23 +4,30 @@ import time
 import itertools
 
 def textbox_dynamic_ui(example: str):
-    # Creating an infinite cycle of placeholder messages
     placeholders = itertools.cycle([
         "Ask something like, What is 2+2?",
         "Ask something like, What is the meaning of Life?",
         "Ask something like, What is Gradio?"
     ])
-    
     while True:
         yield gr.Textbox(placeholder=next(placeholders))
         time.sleep(2)
-        
-with gr.Blocks(theme="ocean") as demo:
+
+# Custom CSS to style the placeholder text with gradient color
+custom_css = """
+.gradio-container input[type='text']::placeholder {
+    background: linear-gradient(90deg, #45B6FE, #38EF7D);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    opacity: 1 !important;
+}
+"""
+
+with gr.Blocks(theme="ocean", css=custom_css) as demo:
     chatbot = gr.Chatbot(type="messages")
     with gr.Row(equal_height=True):
         msg = gr.Textbox(scale=9)
-        btn=gr.Button(variant='primary', scale=1, min_width=100)
-    #clear = gr.ClearButton([msg, chatbot])
+        btn = gr.Button(variant='primary', scale=1, min_width=100)
 
     def respond(message, chat_history):
         bot_message = random.choice(["How are you?", "Today is a great day", "I'm very hungry"])
@@ -32,5 +39,5 @@ with gr.Blocks(theme="ocean") as demo:
     msg.submit(respond, [msg, chatbot], [msg, chatbot])
     msg.blur(textbox_dynamic_ui, inputs=[msg], outputs=[msg], show_progress='hidden', js=True, preprocess=False, postprocess=False)
     btn.click(respond, [msg, chatbot], [msg, chatbot])
-    
+
 demo.launch()