add hover and change purple to indigo & add css to gr.Blocks

app.py

@@ -101,8 +101,12 @@ css = """
 .example-button {
     font-size: .75rem;
     background-color: #fff;
-    border: 1px solid purple;
-    color: purple;
+    border: 1px solid #564fe6;
+    color: #564fe6;
+}
+.example-button:hover {
+    background-color: #564fe6;
+    color: #fff;
 }
 """
 
@@ -200,7 +204,7 @@ def select_template(template):
 # def download_file():
 #     return [gr.UploadButton(visible=True), gr.DownloadButton(visible=False)]
 
-with gr.Blocks(theme=gr.themes.Default(font=[gr.themes.GoogleFont("Plus Jakarta Sans"), "Arial", "sans-serif"], primary_hue="indigo", secondary_hue="purple")) as demo:
+with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("Plus Jakarta Sans"), "Arial", "sans-serif"], primary_hue="indigo", secondary_hue="purple")) as demo:
     base_url_state = gr.State(update_client_base_url("Patronus Lynx 8B v1.1"))
     gr.Markdown(HEADER)
     model_dropdown = gr.Dropdown(choices=["Patronus Lynx 8B v1.1", "Patronus Lynx 70B"], value="Patronus Lynx 8B v1.1", label="Model", interactive=True)