compact-theme / themes /theme_schema@0.0.2.json
deepkyu
add new version theme
84a9e22
{
"theme": {
"_font": [
{
"__gradio_font__": true,
"name": "Gabarito",
"class": "google"
},
{
"__gradio_font__": true,
"name": "Roboto",
"class": "google"
},
{
"__gradio_font__": true,
"name": "system-ui",
"class": "font"
},
{
"__gradio_font__": true,
"name": "sans-system-ui",
"class": "font"
}
],
"_font_mono": [
{
"__gradio_font__": true,
"name": "Roboto Mono",
"class": "google"
},
{
"__gradio_font__": true,
"name": "ui-monospace",
"class": "font"
},
{
"__gradio_font__": true,
"name": "Consolas",
"class": "font"
},
{
"__gradio_font__": true,
"name": "monospace",
"class": "font"
}
],
"_stylesheets": [
"https://fonts.googleapis.com/css2?family=Gabarito:wght@400;600&display=swap",
"https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap",
"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap"
],
"background_fill_primary": "white",
"background_fill_primary_dark": "black",
"background_fill_secondary": "white",
"background_fill_secondary_dark": "black",
"block_background_fill": "white",
"block_background_fill_dark": "black",
"block_border_color": "*neutral_200",
"block_border_color_dark": "*neutral_700",
"block_border_width": "1px",
"block_border_width_dark": "1px",
"block_info_text_color": "*body_text_color_subdued",
"block_info_text_color_dark": "*body_text_color_subdued",
"block_info_text_size": "*text_sm",
"block_info_text_weight": "400",
"block_label_background_fill": "white",
"block_label_background_fill_dark": "black",
"block_label_border_color": "none",
"block_label_border_color_dark": "none",
"block_label_border_width": "1px",
"block_label_margin": "0",
"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_shadow": "none",
"block_label_text_color": "black",
"block_label_text_color_dark": "white",
"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": "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": "black",
"block_title_text_color_dark": "white",
"block_title_text_size": "*text_md",
"block_title_text_weight": "400",
"body_background_fill": "*background_fill_primary",
"body_background_fill_dark": "*background_fill_primary",
"body_text_color": "black",
"body_text_color_dark": "white",
"body_text_color_subdued": "black",
"body_text_color_subdued_dark": "white",
"body_text_size": "*text_md",
"body_text_weight": "400",
"border_color_accent": "black",
"border_color_accent_dark": "white",
"border_color_accent_subdued": "black",
"border_color_accent_subdued_dark": "white",
"border_color_primary": "white",
"border_color_primary_dark": "black",
"button_border_width": "2px",
"button_border_width_dark": "2px",
"button_cancel_background_fill": "black",
"button_cancel_background_fill_dark": "white",
"button_cancel_background_fill_hover": "*button_cancel_background_fill",
"button_cancel_background_fill_hover_dark": "*button_cancel_background_fill",
"button_cancel_border_color": "none",
"button_cancel_border_color_dark": "none",
"button_cancel_border_color_hover": "none",
"button_cancel_border_color_hover_dark": "none",
"button_cancel_text_color": "white",
"button_cancel_text_color_dark": "black",
"button_cancel_text_color_hover": "*primary_400",
"button_cancel_text_color_hover_dark": "*primary_400",
"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": "*primary_400",
"button_primary_background_fill_dark": "*primary_400",
"button_primary_background_fill_hover": "*primary_500",
"button_primary_background_fill_hover_dark": "*primary_500",
"button_primary_border_color": "none",
"button_primary_border_color_dark": "none",
"button_primary_border_color_hover": "none",
"button_primary_border_color_hover_dark": "none",
"button_primary_text_color": "black",
"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": "white",
"button_secondary_background_fill_dark": "black",
"button_secondary_background_fill_hover": "*button_secondary_background_fill",
"button_secondary_background_fill_hover_dark": "*button_secondary_background_fill",
"button_secondary_border_color": "black",
"button_secondary_border_color_dark": "white",
"button_secondary_border_color_hover": "*button_secondary_border_color",
"button_secondary_border_color_hover_dark": "*button_secondary_border_color",
"button_secondary_text_color": "black",
"button_secondary_text_color_dark": "white",
"button_secondary_text_color_hover": "*primary_400",
"button_secondary_text_color_hover_dark": "*primary_400",
"button_shadow": "none",
"button_shadow_active": "none",
"button_shadow_hover": "none",
"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": "none",
"checkbox_background_color": "*neutral_200",
"checkbox_background_color_dark": "*neutral_700",
"checkbox_background_color_focus": "*checkbox_background_color",
"checkbox_background_color_focus_dark": "*checkbox_background_color",
"checkbox_background_color_hover": "*neutral_700",
"checkbox_background_color_hover_dark": "*neutral_200",
"checkbox_background_color_selected": "*neutral_700",
"checkbox_background_color_selected_dark": "*neutral_200",
"checkbox_border_color": "none",
"checkbox_border_color_dark": "none",
"checkbox_border_color_focus": "*none",
"checkbox_border_color_focus_dark": "*none",
"checkbox_border_color_hover": "*none",
"checkbox_border_color_hover_dark": "*none",
"checkbox_border_color_selected": "*none",
"checkbox_border_color_selected_dark": "*none",
"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": "white",
"checkbox_label_background_fill_dark": "black",
"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": "black",
"checkbox_label_background_fill_selected_dark": "white",
"checkbox_label_border_color": "black",
"checkbox_label_border_color_dark": "white",
"checkbox_label_border_color_hover": "*checkbox_label_border_color",
"checkbox_label_border_color_hover_dark": "*checkbox_label_border_color",
"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 calc(2 * *spacing_md)",
"checkbox_label_shadow": "none",
"checkbox_label_text_color": "*body_text_color",
"checkbox_label_text_color_dark": "*body_text_color",
"checkbox_label_text_color_selected": "white",
"checkbox_label_text_color_selected_dark": "black",
"checkbox_label_text_size": "*text_md",
"checkbox_label_text_weight": "400",
"checkbox_shadow": "*input_shadow",
"code_background_fill": "*neutral_200",
"code_background_fill_dark": "*neutral_700",
"color_accent": "*primary_400",
"color_accent_soft": "black",
"color_accent_soft_dark": "white",
"container_radius": "*radius_lg",
"embed_radius": "*radius_lg",
"error_background_fill": "#fef2f2",
"error_background_fill_dark": "*background_fill_primary",
"error_border_color": "*neutral_200",
"error_border_color_dark": "*neutral_700",
"error_border_width": "1px",
"error_icon_color": "#b91c1c",
"error_icon_color_dark": "#ef4444",
"error_text_color": "#b91c1c",
"error_text_color_dark": "#fef2f2",
"font": "'Gabarito', 'Roboto', 'system-ui', 'sans-system-ui'",
"font_mono": "'Roboto Mono', 'ui-monospace', 'Consolas', monospace",
"form_gap_width": "0px",
"input_background_fill": "white",
"input_background_fill_dark": "black",
"input_background_fill_focus": "*neutral_200",
"input_background_fill_focus_dark": "*neutral_700",
"input_background_fill_hover": "*input_background_fill",
"input_background_fill_hover_dark": "*input_background_fill",
"input_border_color": "black",
"input_border_color_dark": "white",
"input_border_color_focus": "*neutral_200",
"input_border_color_focus_dark": "*neutral_700",
"input_border_color_hover": "*input_border_color",
"input_border_color_hover_dark": "*input_border_color",
"input_border_width": "1px",
"input_border_width_dark": "1px",
"input_padding": "*spacing_xl",
"input_placeholder_color": "*neutral_200",
"input_placeholder_color_dark": "*neutral_700",
"input_radius": "*radius_lg",
"input_shadow": "none",
"input_shadow_focus": "*input_shadow",
"input_text_size": "*text_md",
"input_text_weight": "400",
"layout_gap": "*spacing_xxl",
"link_text_color": "black",
"link_text_color_active": "*neutral_700",
"link_text_color_active_dark": "*neutral_200",
"link_text_color_dark": "white",
"link_text_color_hover": "*primary_400",
"link_text_color_hover_dark": "*primary_400",
"link_text_color_visited": "black",
"link_text_color_visited_dark": "white",
"loader_color": "black",
"loader_color_dark": "white",
"name": "base",
"neutral_50": "#fafafa",
"neutral_100": "#f5f5f5",
"neutral_200": "#e5e5e5",
"neutral_300": "#d4d4d4",
"neutral_400": "#a3a3a3",
"neutral_500": "#737373",
"neutral_600": "#525252",
"neutral_700": "#404040",
"neutral_800": "#262626",
"neutral_900": "#171717",
"neutral_950": "#0a0a0a",
"panel_background_fill": "*background_fill_secondary",
"panel_background_fill_dark": "*background_fill_secondary",
"panel_border_color": "black",
"panel_border_color_dark": "white",
"panel_border_width": "1px",
"panel_border_width_dark": "1px",
"primary_50": "#37373b",
"primary_100": "#37373b",
"primary_200": "#37373b",
"primary_300": "#37373b",
"primary_400": "#fe7c00",
"primary_500": "#d0670c",
"primary_600": "#37373b",
"primary_700": "#37373b",
"primary_800": "#37373b",
"primary_900": "#37373b",
"primary_950": "#37373b",
"prose_header_text_weight": "600",
"prose_text_size": "*text_md",
"prose_text_weight": "400",
"radio_circle": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")",
"radius_lg": "0px",
"radius_md": "0px",
"radius_sm": "0px",
"radius_xl": "0px",
"radius_xs": "0px",
"radius_xxl": "0px",
"radius_xxs": "0px",
"secondary_50": "#fafafa",
"secondary_100": "#f5f5f5",
"secondary_200": "#e5e5e5",
"secondary_300": "#d4d4d4",
"secondary_400": "#a3a3a3",
"secondary_500": "#737373",
"secondary_600": "#525252",
"secondary_700": "#404040",
"secondary_800": "#262626",
"secondary_900": "#171717",
"secondary_950": "#0a0a0a",
"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 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": "black",
"slider_color_dark": "white",
"spacing_lg": "8px",
"spacing_md": "6px",
"spacing_sm": "4px",
"spacing_xl": "10px",
"spacing_xs": "2px",
"spacing_xxl": "16px",
"spacing_xxs": "1px",
"stat_background_fill": "black",
"stat_background_fill_dark": "white",
"table_border_color": "black",
"table_border_color_dark": "white",
"table_even_background_fill": "*neutral_200",
"table_even_background_fill_dark": "*neutral_700",
"table_odd_background_fill": "*neutral_200",
"table_odd_background_fill_dark": "*neutral_700",
"table_radius": "*radius_lg",
"table_row_focus": "*color_accent_soft",
"table_row_focus_dark": "*color_accent_soft",
"text_lg": "16px",
"text_md": "14px",
"text_sm": "12px",
"text_xl": "22px",
"text_xs": "10px",
"text_xxl": "26px",
"text_xxs": "9px"
},
"version": "0.0.1"
}