Update button

serve/gradio_web.py

@@ -214,8 +214,8 @@ def build_side_by_side_ui_anony(models):
         )
         # send_btn = gr.Button(value="Send", variant="primary", scale=0, elem_id="btnblue", elem_classes="send-button")
         # draw_btn = gr.Button(value="🎲 Random sample", variant="primary", scale=0, elem_id="btnblue", elem_classes="send-button")
-        send_btn = gr.Button(value="Send", variant="primary", scale=0)
-        draw_btn = gr.Button(value="🎲 Random Prompt", variant="primary", scale=0)
+        send_btn = gr.Button(value="Send", variant="primary", scale=0, elem_id="btnblue")
+        draw_btn = gr.Button(value="🎲 Random Prompt", variant="primary", scale=0, elem_id="btnblue")
     with gr.Row():
         clear_btn = gr.Button(value="🎲 New Round", interactive=False)
         # regenerate_btn = gr.Button(value="🔄  Regenerate", interactive=False)

serve/utils.py

@@ -92,7 +92,8 @@ footer {
     justify-content: space-between; 
 }
 .send-button {
-    color: white;
+    background: rgb(168, 230, 207);
+    color: rgb(0, 198, 171);
 }
 .submit-button {
     color: red;
@@ -102,10 +103,12 @@ footer {
 #btncolor3 {background: rgb(255, 211, 182);} 
 #btncolor4 {background: rgb(255, 170, 165);} 
 
-#btnblue {background: rgb(0, 187, 240);} 
+#btnblue {background: linear-gradient(to bottom right, rgb(222, 235, 247), rgb(189,215,238)); color: rgb(0, 112, 192); border: 1px solid rgb(189,215,238);} 
 #btnpink {background: rgb(255, 168, 184);} 
 """
 
+#
+
 #btncolor1 {background: rgb(128, 214, 255);} 
 #btncolor2 {background: rgb(237, 247, 152);} 
 #btncolor3 {background: rgb(250, 181, 122);}