Update app.py

app.py

@@ -61,6 +61,9 @@ theme = gr.themes.Base(
     ).set(
         embed_radius='*radius_xxs',
 
+        loader_color="#303A3F",
+        loader_color_dark="#303A3F",
+
         body_text_color='*neutral_800',
         body_text_color_dark='*neutral_800',
 
@@ -76,17 +79,20 @@ theme = gr.themes.Base(
         button_primary_border_color='*primary_200',
         button_primary_border_color_dark='*primary_200',
 
-        button_primary_text_color='black',
-        button_primary_text_color_dark='black',
+        button_primary_text_color='#303A3F',
+        button_primary_text_color_dark='#303A3F',
 
-        button_secondary_text_color="*neutral_700",
-        button_secondary_text_color_dark="*neutral_700",
+        button_secondary_text_color="#303A3F",
+        button_secondary_text_color_dark="#303A3F",
 
         button_primary_text_color_hover='*primary_50',
         button_primary_text_color_hover_dark='*primary_50',
 
-        button_secondary_background_fill="*neutral_200",
-        button_secondary_background_fill_dark="*neutral_200",
+        button_secondary_background_fill="*primary_200",
+        button_secondary_background_fill_dark="*primary_200",
+
+        button_secondary_background_fill_hover='#667D88',
+        button_secondary_background_fill_hover_dark='#667D88',
 
         input_background_fill="*neutral_100",
         input_background_fill_dark="*neutral_100",
@@ -94,30 +100,30 @@ theme = gr.themes.Base(
         input_background_fill_focus="*secondary_500",
         input_background_fill_focus_dark="*secondary_500",
 
-        body_background_fill="white",
-        body_background_fill_dark="white",
+        body_background_fill="#FFFFFF",
+        body_background_fill_dark="#FFFFFF",
 
         background_fill_secondary="*neutral_50",
         background_fill_secondary_dark="*neutral_50",
 
-        border_color_accent="*primary_300",
-        border_color_accent_dark="*primary_300",
+        border_color_accent="#303A3F",
+        border_color_accent_dark="#303A3F",
 
-        border_color_primary="*neutral_700",
-        border_color_primary_dark="*neutral_700",
+        border_color_primary="#303A3F",
+        border_color_primary_dark="#303A3F",
 
         color_accent="*primary_500",
         color_accent_soft="*primary_50",
         color_accent_soft_dark="*primary_50",
 
-        background_fill_primary="white",
-        background_fill_primary_dark="white",
+        background_fill_primary="#FFFFFF",
+        background_fill_primary_dark="#FFFFFF",
 
-        block_title_background_fill="white",
-        block_title_background_fill_dark="white",
+        block_title_background_fill="#FFFFFF",
+        block_title_background_fill_dark="#FFFFFF",
 
-        block_background_fill="white",
-        block_background_fill_dark="white",
+        block_background_fill="#FFFFFF",
+        block_background_fill_dark="#FFFFFF",
 
         block_label_border_color="*neutral_200",
         block_label_border_color_dark="*neutral_200",
@@ -134,8 +140,8 @@ theme = gr.themes.Base(
         block_border_width="1px",
         block_border_width_dark="1px",
 
-        block_label_background_fill="white",
-        block_label_background_fill_dark="white",
+        block_label_background_fill="#FFFFFF",
+        block_label_background_fill_dark="#FFFFFF",
 
         block_label_border_width="1px",
         block_label_border_width_dark="1px",
@@ -143,20 +149,20 @@ theme = gr.themes.Base(
         block_title_text_color="*neutral_500",
         block_title_text_color_dark="*neutral_500",
 
-        checkbox_background_color="white",
-        checkbox_background_color_dark="white",
+        checkbox_background_color="#FFFFFF",
+        checkbox_background_color_dark="#FFFFFF",
 
-        checkbox_background_color_focus="white",
-        checkbox_background_color_focus_dark="white",
+        checkbox_background_color_focus="#FFFFFF",
+        checkbox_background_color_focus_dark="#FFFFFF",
 
-        checkbox_background_color_hover="white",
-        checkbox_background_color_hover_dark="white",
+        checkbox_background_color_hover="#FFFFFF",
+        checkbox_background_color_hover_dark="#FFFFFF",
 
         panel_background_fill="*neutral_50",
         panel_background_fill_dark="*neutral_50",
 
-        slider_color="black",
-        slider_color_dark="black",
+        slider_color="#303A3F",
+        slider_color_dark="#303A3F",
     )