Create temedemo
Browse files
temedemo
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import gradio as gr
|
| 2 |
+
|
| 3 |
+
theme = gr.themes.Glass(
|
| 4 |
+
primary_hue="blue",
|
| 5 |
+
secondary_hue="fuchsia",
|
| 6 |
+
neutral_hue="slate",
|
| 7 |
+
text_size="text_md",
|
| 8 |
+
spacing_size="spacing_md",
|
| 9 |
+
radius_size="radius_md",
|
| 10 |
+
font=[gr.themes.GoogleFont('Source Sans Pro'), 'ui-sans-serif', gr.themes.GoogleFont('system-ui'), 'sans-serif'],
|
| 11 |
+
font_mono=[gr.themes.GoogleFont('IBM Plex Mono'), gr.themes.GoogleFont('ui-monospace'), 'Consolas', 'monospace'],
|
| 12 |
+
).set(
|
| 13 |
+
body_background_fill='*primary_50',
|
| 14 |
+
body_background_fill_dark='*primary_100',
|
| 15 |
+
body_text_color='*primary_400',
|
| 16 |
+
body_text_color_dark='*primary_600',
|
| 17 |
+
body_text_size='*block_label_text_size',
|
| 18 |
+
body_text_color_subdued='*primary_950',
|
| 19 |
+
body_text_color_subdued_dark='*primary_800',
|
| 20 |
+
body_text_weight='*block_title_text_weight',
|
| 21 |
+
embed_radius='*radius_sm',
|
| 22 |
+
background_fill_primary='s',
|
| 23 |
+
background_fill_primary_dark='*primary_500',
|
| 24 |
+
background_fill_secondary_dark='*primary_950',
|
| 25 |
+
border_color_accent='*primary_100',
|
| 26 |
+
border_color_accent_dark='*primary_400',
|
| 27 |
+
border_color_primary_dark='*neutral_700',
|
| 28 |
+
color_accent='*primary_950',
|
| 29 |
+
color_accent_soft='*primary_900',
|
| 30 |
+
color_accent_soft_dark='*secondary_500',
|
| 31 |
+
link_text_color='*secondary_50',
|
| 32 |
+
link_text_color_dark='*primary_100',
|
| 33 |
+
shadow_drop='*button_shadow_active',
|
| 34 |
+
shadow_drop_lg='*input_shadow_focus',
|
| 35 |
+
shadow_inset='*block_shadow',
|
| 36 |
+
shadow_spread='*block_shadow',
|
| 37 |
+
shadow_spread_dark='*shadow_drop',
|
| 38 |
+
block_background_fill='*background_fill_primary',
|
| 39 |
+
block_background_fill_dark='*neutral_800',
|
| 40 |
+
block_border_width='1px',
|
| 41 |
+
block_label_background_fill='*background_fill_primary',
|
| 42 |
+
block_label_background_fill_dark='*background_fill_secondary',
|
| 43 |
+
block_label_text_color='*neutral_500',
|
| 44 |
+
block_label_text_size='*text_sm',
|
| 45 |
+
block_label_text_weight='400',
|
| 46 |
+
block_shadow='none',
|
| 47 |
+
block_shadow_dark='none',
|
| 48 |
+
block_title_text_color='*neutral_500',
|
| 49 |
+
block_title_text_weight='400',
|
| 50 |
+
panel_border_width='0',
|
| 51 |
+
panel_border_width_dark='0',
|
| 52 |
+
checkbox_background_color_dark='*neutral_800',
|
| 53 |
+
checkbox_border_width='*input_border_width',
|
| 54 |
+
checkbox_label_border_width='*input_border_width',
|
| 55 |
+
input_background_fill='*neutral_100',
|
| 56 |
+
input_background_fill_dark='*neutral_700',
|
| 57 |
+
input_border_color_focus_dark='*neutral_700',
|
| 58 |
+
input_border_width='0px',
|
| 59 |
+
input_border_width_dark='0px',
|
| 60 |
+
slider_color='auto',
|
| 61 |
+
slider_color_dark='auto',
|
| 62 |
+
table_even_background_fill_dark='*neutral_950',
|
| 63 |
+
table_odd_background_fill_dark='*neutral_900',
|
| 64 |
+
button_border_width='*block_label_border_width',
|
| 65 |
+
button_border_width_dark='*checkbox_border_width',
|
| 66 |
+
button_shadow='*shadow_inset',
|
| 67 |
+
button_shadow_hover='*shadow_inset',
|
| 68 |
+
button_primary_background_fill='*primary_100',
|
| 69 |
+
button_primary_background_fill_dark='*primary_700',
|
| 70 |
+
button_primary_background_fill_hover='*button_primary_background_fill',
|
| 71 |
+
button_primary_background_fill_hover_dark='*button_primary_background_fill',
|
| 72 |
+
button_secondary_background_fill='*neutral_200',
|
| 73 |
+
button_secondary_background_fill_dark='*neutral_600',
|
| 74 |
+
button_secondary_background_fill_hover='*button_secondary_background_fill',
|
| 75 |
+
button_secondary_background_fill_hover_dark='*button_secondary_background_fill',
|
| 76 |
+
button_cancel_background_fill='*button_secondary_background_fill',
|
| 77 |
+
button_cancel_background_fill_dark='*button_secondary_background_fill',
|
| 78 |
+
button_cancel_background_fill_hover='*button_cancel_background_fill',
|
| 79 |
+
button_cancel_background_fill_hover_dark='*button_cancel_background_fill'
|
| 80 |
+
)
|
| 81 |
+
|
| 82 |
+
with gr.Blocks(theme=theme) as demo:
|
| 83 |
+
...
|