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",
  )