Change

themes/[email protected]

@@ -3,12 +3,12 @@
     "_font": [
       {
         "__gradio_font__": true,
-        "name": "ui-sans-serif",
-        "class": "font"
+        "name": "Source Sans Pro",
+        "class": "google"
       },
       {
         "__gradio_font__": true,
-        "name": "Arial",
+        "name": "ui-sans-serif",
         "class": "font"
       },
       {
@@ -45,19 +45,18 @@
       }
     ],
     "_stylesheets": [
-      "https://fonts.googleapis.com/css2?family=Arimo:wght@400;600&display=swap",
+      "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap",
       "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
     ],
     "background_fill_primary": "white",
-    "background_fill_primary_dark": "*neutral_900",
+    "background_fill_primary_dark": "*neutral_950",
     "background_fill_secondary": "*neutral_50",
-    "background_fill_secondary_dark": "*neutral_800",
+    "background_fill_secondary_dark": "*neutral_900",
     "block_background_fill": "*background_fill_primary",
     "block_background_fill_dark": "*neutral_800",
     "block_border_color": "*border_color_primary",
     "block_border_color_dark": "*border_color_primary",
-    "block_border_width": "0px",
-    "block_border_width_dark": "1px",
+    "block_border_width": "1px",
     "block_info_text_color": "*body_text_color_subdued",
     "block_info_text_color_dark": "*body_text_color_subdued",
     "block_info_text_size": "*text_sm",
@@ -71,28 +70,27 @@
     "block_label_padding": "*spacing_sm *spacing_lg",
     "block_label_radius": "calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0",
     "block_label_right_radius": "0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)",
-    "block_label_text_color": "*body_text_color",
+    "block_label_text_color": "*neutral_500",
     "block_label_text_color_dark": "*neutral_200",
-    "block_label_text_size": "*text_md",
-    "block_label_text_weight": "600",
+    "block_label_text_size": "*text_sm",
+    "block_label_text_weight": "400",
     "block_padding": "*spacing_xl calc(*spacing_xl + 2px)",
     "block_radius": "*radius_lg",
-    "block_shadow": "*shadow_drop_lg",
-    "block_shadow_dark": "none",
+    "block_shadow": "none",
     "block_title_background_fill": "none",
     "block_title_border_color": "none",
     "block_title_border_width": "0px",
     "block_title_padding": "0",
     "block_title_radius": "none",
-    "block_title_text_color": "*body_text_color",
+    "block_title_text_color": "*neutral_500",
     "block_title_text_color_dark": "*neutral_200",
     "block_title_text_size": "*text_md",
-    "block_title_text_weight": "600",
+    "block_title_text_weight": "400",
     "body_background_fill": "*background_fill_primary",
     "body_background_fill_dark": "*background_fill_primary",
-    "body_text_color": "*neutral_900",
+    "body_text_color": "*neutral_800",
     "body_text_color_dark": "*neutral_100",
-    "body_text_color_subdued": "*neutral_700",
+    "body_text_color_subdued": "*neutral_400",
     "body_text_color_subdued_dark": "*neutral_400",
     "body_text_size": "*text_md",
     "body_text_weight": "400",
@@ -102,62 +100,62 @@
     "border_color_primary_dark": "*neutral_700",
     "button_border_width": "*input_border_width",
     "button_border_width_dark": "*input_border_width",
-    "button_cancel_background_fill": "*button_primary_background_fill",
+    "button_cancel_background_fill": "*button_secondary_background_fill",
     "button_cancel_background_fill_dark": "*button_secondary_background_fill",
-    "button_cancel_background_fill_hover": "*button_primary_background_fill_hover",
+    "button_cancel_background_fill_hover": "*button_cancel_background_fill",
     "button_cancel_background_fill_hover_dark": "*button_cancel_background_fill",
     "button_cancel_border_color": "*button_secondary_border_color",
     "button_cancel_border_color_dark": "*button_secondary_border_color",
     "button_cancel_border_color_hover": "*button_cancel_border_color",
     "button_cancel_border_color_hover_dark": "*button_cancel_border_color",
-    "button_cancel_text_color": "*button_primary_text_color",
+    "button_cancel_text_color": "*button_secondary_text_color",
     "button_cancel_text_color_dark": "*button_secondary_text_color",
     "button_cancel_text_color_hover": "*button_cancel_text_color",
     "button_cancel_text_color_hover_dark": "*button_cancel_text_color",
-    "button_large_padding": "*spacing_lg",
+    "button_large_padding": "*spacing_lg calc(2 * *spacing_lg)",
     "button_large_radius": "*radius_lg",
     "button_large_text_size": "*text_lg",
     "button_large_text_weight": "600",
-    "button_primary_background_fill": "*neutral_900",
-    "button_primary_background_fill_dark": "*neutral_600",
-    "button_primary_background_fill_hover": "*neutral_700",
-    "button_primary_background_fill_hover_dark": "*neutral_600",
+    "button_primary_background_fill": "*primary_200",
+    "button_primary_background_fill_dark": "*primary_700",
+    "button_primary_background_fill_hover": "*button_primary_background_fill",
+    "button_primary_background_fill_hover_dark": "*button_primary_background_fill",
     "button_primary_border_color": "*primary_200",
     "button_primary_border_color_dark": "*primary_600",
     "button_primary_border_color_hover": "*button_primary_border_color",
     "button_primary_border_color_hover_dark": "*button_primary_border_color",
-    "button_primary_text_color": "white",
+    "button_primary_text_color": "*primary_600",
     "button_primary_text_color_dark": "white",
     "button_primary_text_color_hover": "*button_primary_text_color",
     "button_primary_text_color_hover_dark": "*button_primary_text_color",
-    "button_secondary_background_fill": "*button_primary_background_fill",
+    "button_secondary_background_fill": "*neutral_200",
     "button_secondary_background_fill_dark": "*neutral_600",
-    "button_secondary_background_fill_hover": "*button_primary_background_fill_hover",
+    "button_secondary_background_fill_hover": "*button_secondary_background_fill",
     "button_secondary_background_fill_hover_dark": "*button_secondary_background_fill",
     "button_secondary_border_color": "*neutral_200",
     "button_secondary_border_color_dark": "*neutral_600",
     "button_secondary_border_color_hover": "*button_secondary_border_color",
     "button_secondary_border_color_hover_dark": "*button_secondary_border_color",
-    "button_secondary_text_color": "*button_primary_text_color",
+    "button_secondary_text_color": "*neutral_700",
     "button_secondary_text_color_dark": "white",
     "button_secondary_text_color_hover": "*button_secondary_text_color",
     "button_secondary_text_color_hover_dark": "*button_secondary_text_color",
     "button_shadow": "none",
     "button_shadow_active": "none",
     "button_shadow_hover": "none",
-    "button_small_padding": "*spacing_sm",
+    "button_small_padding": "*spacing_sm calc(2 * *spacing_sm)",
     "button_small_radius": "*radius_lg",
     "button_small_text_size": "*text_md",
     "button_small_text_weight": "400",
     "button_transition": "background-color 0.2s ease",
     "checkbox_background_color": "*background_fill_primary",
-    "checkbox_background_color_dark": "*neutral_700",
+    "checkbox_background_color_dark": "*neutral_800",
     "checkbox_background_color_focus": "*checkbox_background_color",
     "checkbox_background_color_focus_dark": "*checkbox_background_color",
     "checkbox_background_color_hover": "*checkbox_background_color",
     "checkbox_background_color_hover_dark": "*checkbox_background_color",
-    "checkbox_background_color_selected": "*secondary_1000",
-    "checkbox_background_color_selected_dark": "*secondary_1000",
+    "checkbox_background_color_selected": "*secondary_600",
+    "checkbox_background_color_selected_dark": "*secondary_600",
     "checkbox_border_color": "*neutral_300",
     "checkbox_border_color_dark": "*neutral_700",
     "checkbox_border_color_focus": "*secondary_500",
@@ -165,14 +163,14 @@
     "checkbox_border_color_hover": "*neutral_300",
     "checkbox_border_color_hover_dark": "*neutral_600",
     "checkbox_border_color_selected": "*secondary_600",
-    "checkbox_border_color_selected_dark": "*neutral_800",
+    "checkbox_border_color_selected_dark": "*secondary_600",
     "checkbox_border_radius": "*radius_sm",
     "checkbox_border_width": "*input_border_width",
     "checkbox_border_width_dark": "*input_border_width",
     "checkbox_check": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\")",
-    "checkbox_label_background_fill": "*button_primary_background_fill",
+    "checkbox_label_background_fill": "*button_secondary_background_fill",
     "checkbox_label_background_fill_dark": "*button_secondary_background_fill",
-    "checkbox_label_background_fill_hover": "*button_primary_background_fill_hover",
+    "checkbox_label_background_fill_hover": "*button_secondary_background_fill_hover",
     "checkbox_label_background_fill_hover_dark": "*button_secondary_background_fill_hover",
     "checkbox_label_background_fill_selected": "*checkbox_label_background_fill",
     "checkbox_label_background_fill_selected_dark": "*checkbox_label_background_fill",
@@ -183,9 +181,9 @@
     "checkbox_label_border_width": "*input_border_width",
     "checkbox_label_border_width_dark": "*input_border_width",
     "checkbox_label_gap": "*spacing_lg",
-    "checkbox_label_padding": "*spacing_md",
+    "checkbox_label_padding": "*spacing_md calc(2 * *spacing_md)",
     "checkbox_label_shadow": "none",
-    "checkbox_label_text_color": "*button_primary_text_color",
+    "checkbox_label_text_color": "*body_text_color",
     "checkbox_label_text_color_dark": "*body_text_color",
     "checkbox_label_text_color_selected": "*checkbox_label_text_color",
     "checkbox_label_text_color_selected_dark": "*checkbox_label_text_color",
@@ -204,7 +202,7 @@
     "error_border_width": "1px",
     "error_text_color": "#ef4444",
     "error_text_color_dark": "#ef4444",
-    "font": "'Arial', 'ui-sans-serif', 'system-ui', sans-serif",
+    "font": "'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif",
     "font_mono": "'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace",
     "form_gap_width": "0px",
     "input_background_fill": "*neutral_100",
@@ -238,33 +236,34 @@
     "link_text_color_visited": "*secondary_500",
     "link_text_color_visited_dark": "*secondary_600",
     "loader_color": "*color_accent",
-    "neutral_100": "#f5f5f5",
-    "neutral_200": "#e5e5e5",
-    "neutral_300": "#d4d4d4",
-    "neutral_400": "#a3a3a3",
-    "neutral_50": "#fafafa",
-    "neutral_500": "#737373",
-    "neutral_600": "#525252",
-    "neutral_700": "#404040",
-    "neutral_800": "#262626",
-    "neutral_900": "#171717",
-    "neutral_950": "#0f0f0f",
+    "name": "base",
+    "neutral_100": "#f3f4f6",
+    "neutral_200": "#e5e7eb",
+    "neutral_300": "#d1d5db",
+    "neutral_400": "#9ca3af",
+    "neutral_50": "#f9fafb",
+    "neutral_500": "#6b7280",
+    "neutral_600": "#4b5563",
+    "neutral_700": "#374151",
+    "neutral_800": "#1f2937",
+    "neutral_900": "#111827",
+    "neutral_950": "#0b0f19",
     "panel_background_fill": "*background_fill_secondary",
     "panel_background_fill_dark": "*background_fill_secondary",
     "panel_border_color": "*border_color_primary",
     "panel_border_color_dark": "*border_color_primary",
     "panel_border_width": "0",
-    "primary_100": "#f5f5f5",
-    "primary_200": "#e5e5e5",
-    "primary_300": "#d4d4d4",
-    "primary_400": "#a3a3a3",
-    "primary_50": "#fafafa",
-    "primary_500": "#737373",
-    "primary_600": "#525252",
-    "primary_700": "#404040",
-    "primary_800": "#262626",
-    "primary_900": "#171717",
-    "primary_950": "#0f0f0f",
+    "primary_100": "#dbeafe",
+    "primary_200": "#bfdbfe",
+    "primary_300": "#93c5fd",
+    "primary_400": "#60a5fa",
+    "primary_50": "#eff6ff",
+    "primary_500": "#3b82f6",
+    "primary_600": "#2563eb",
+    "primary_700": "#1d4ed8",
+    "primary_800": "#1e40af",
+    "primary_900": "#1e3a8a",
+    "primary_950": "#1d3660",
     "prose_header_text_weight": "600",
     "prose_text_size": "*text_md",
     "prose_text_weight": "400",
@@ -276,34 +275,32 @@
     "radius_xs": "2px",
     "radius_xxl": "22px",
     "radius_xxs": "1px",
-    "secondary_100": "#f5f5f5",
-    "secondary_200": "#e5e5e5",
-    "secondary_300": "#d4d4d4",
-    "secondary_400": "#a3a3a3",
-    "secondary_50": "#fafafa",
-    "secondary_500": "#737373",
-    "secondary_600": "#525252",
-    "secondary_700": "#404040",
-    "secondary_800": "#262626",
-    "secondary_900": "#171717",
-    "secondary_950": "#0f0f0f",
-    "secondary_1000": "#AE0E00",
+    "secondary_100": "#dbeafe",
+    "secondary_200": "#bfdbfe",
+    "secondary_300": "#93c5fd",
+    "secondary_400": "#60a5fa",
+    "secondary_50": "#eff6ff",
+    "secondary_500": "#3b82f6",
+    "secondary_600": "#2563eb",
+    "secondary_700": "#1d4ed8",
+    "secondary_800": "#1e40af",
+    "secondary_900": "#1e3a8a",
+    "secondary_950": "#1d3660",
     "section_header_text_size": "*text_md",
     "section_header_text_weight": "400",
     "shadow_drop": "rgba(0,0,0,0.05) 0px 1px 2px 0px",
-    "shadow_drop_lg": "0 1px 4px 0 rgb(0 0 0 / 0.1)",
+    "shadow_drop_lg": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
     "shadow_inset": "rgba(0,0,0,0.05) 0px 2px 4px 0px inset",
     "shadow_spread": "3px",
     "shadow_spread_dark": "1px",
-    "slider_color": "*neutral_900",
-    "slider_color_dark": "*neutral_500",
-    "spacing_lg": "10px",
-    "spacing_md": "8px",
-    "spacing_sm": "6px",
-    "spacing_xl": "14px",
-    "spacing_xs": "4px",
-    "spacing_xxl": "28px",
-    "spacing_xxs": "2px",
+    "slider_color": "auto",
+    "spacing_lg": "8px",
+    "spacing_md": "6px",
+    "spacing_sm": "4px",
+    "spacing_xl": "10px",
+    "spacing_xs": "2px",
+    "spacing_xxl": "16px",
+    "spacing_xxs": "1px",
     "stat_background_fill": "*primary_300",
     "stat_background_fill_dark": "*primary_500",
     "table_border_color": "*neutral_300",