Update app.py

app.py

@@ -13,7 +13,7 @@ from gradio.themes import Soft
 from gradio.themes.utils import colors, fonts, sizes
 
 
-class SoftTheme(Soft):
+class CustomTheme(Base):
     def __init__(
         self,
         *,
@@ -22,7 +22,7 @@ class SoftTheme(Soft):
         neutral_hue: colors.Color | str = colors.zinc,
         spacing_size: sizes.Size | str = sizes.spacing_md,
         radius_size: sizes.Size | str = sizes.radius_md,
-        text_size: sizes.Size | str = sizes.text_lg,
+        text_size: sizes.Size | str = sizes.text_md,
     ):
         super().__init__(
             primary_hue=primary_hue,
@@ -32,17 +32,77 @@ class SoftTheme(Soft):
             radius_size=radius_size,
             text_size=text_size,
         )
+        self.name = "soft"
         super().set(
+            # Colors
+            background_fill_primary="*neutral_50",
+            slider_color="*primary_500",
+            slider_color_dark="*primary_600",
+            # Shadows
+            shadow_drop="0 1px 4px 0 rgb(0 0 0 / 0.1)",
+            shadow_drop_lg="0 2px 5px 0 rgb(0 0 0 / 0.1)",
+            # Block Labels
+            block_background_fill="white",
+            block_label_padding="*spacing_sm *spacing_md",
+            block_label_background_fill="*primary_100",
+            block_label_background_fill_dark="*primary_600",
+            block_label_radius="*radius_md",
+            block_label_text_size="*text_md",
+            block_label_text_weight="600",
+            block_label_text_color="*primary_500",
+            block_label_text_color_dark="*white",
+            block_title_radius="*block_label_radius",
+            block_title_padding="*block_label_padding",
+            block_title_background_fill="*block_label_background_fill",
+            block_title_text_weight="600",
+            block_title_text_color="*primary_500",
+            block_title_text_color_dark="*white",
+            block_label_margin="*spacing_md",
+            block_shadow="*shadow_drop_lg",
+            # Inputs
+            input_border_color="*neutral_50",
+            input_shadow="*shadow_drop",
+            input_shadow_focus="*shadow_drop_lg",
+            checkbox_shadow="none",
+            # Buttons
+            shadow_spread="6px",
+            button_shadow="*shadow_drop_lg",
+            button_shadow_hover="*shadow_drop_lg",
+            button_shadow_active="*shadow_inset",
             button_primary_background_fill="linear-gradient(90deg, *primary_300, *secondary_400)",
             button_primary_background_fill_hover="linear-gradient(90deg, *primary_200, *secondary_300)",
             button_primary_text_color="white",
             button_primary_background_fill_dark="linear-gradient(90deg, *primary_600, *secondary_800)",
-            block_shadow="*shadow_drop_lg",
-            button_shadow="*shadow_drop_lg",
+            button_primary_background_fill_hover_dark="*primary_500",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_hover="*neutral_100",
+            button_secondary_background_fill_hover_dark="*primary_500",
+            button_secondary_text_color="*neutral_800",
+            button_cancel_background_fill="*button_secondary_background_fill",
+            button_cancel_background_fill_hover="*button_secondary_background_fill_hover",
+            button_cancel_background_fill_hover_dark="*button_secondary_background_fill_hover",
+            button_cancel_text_color="*button_secondary_text_color",
+            #checkboxes
+            checkbox_label_shadow="*shadow_drop_lg",
+            checkbox_label_background_fill_selected="*primary_500",
+            checkbox_label_background_fill_selected_dark="*primary_600",
+            checkbox_border_width="1px",
+            checkbox_border_color="*neutral_100",
+            checkbox_border_color_dark="*neutral_600",
+            checkbox_background_color_selected="*primary_600",
+            checkbox_background_color_selected_dark="*primary_700",
+            checkbox_border_color_focus="*primary_500",
+            checkbox_border_color_focus_dark="*primary_600",
+            checkbox_border_color_selected="*primary_600",
+            checkbox_border_color_selected_dark="*primary_700",
+            checkbox_label_text_color_selected="white",
+            # Borders
+            block_border_width="0px",
+            panel_border_width="1px",
         )
 
 
-softheme = SoftTheme()
+custom_soft_theme = CustomTheme()
 
 
 max_search_results = 3
@@ -62,7 +122,7 @@ def legal_doc_qa_bot(input_document, history):
     return history
 
 
-with gr.Blocks(theme=softheme) as demo:
+with gr.Blocks(theme=custom_theme) as demo:
     gr.HTML(
         """<html><center><img src='file/logo/flc_design4.png', alt='Legal-ease logo', width=250, height=250 /></center><br></html>"""
     )