Spaces:
Running
Running
File size: 2,291 Bytes
901bdf6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
import gradio as gr
#----------Start of theme----------
theme = gr.themes.Ocean(
primary_hue="zinc",
secondary_hue="slate",
neutral_hue="neutral",
font=[gr.themes.GoogleFont('Kavivanar'), gr.themes.GoogleFont('Kavivanar'), 'system-ui', 'sans-serif'],
font_mono=[gr.themes.GoogleFont('Source Code Pro'), gr.themes.GoogleFont('Inconsolata'), gr.themes.GoogleFont('Inconsolata'), 'monospace'],
).set(
#Body Settings
body_background_fill='linear-gradient(10deg, *primary_200, *secondary_50)',
body_text_color='secondary_600',
body_text_color_subdued='*primary_500',
body_text_weight='500',
#Background Settings
background_fill_primary='*primary_100',
background_fill_secondary='*secondary_200',
color_accent='*primary_300',
#Border Settings
border_color_accent_subdued='*primary_400',
border_color_primary='*primary_400',
#Block Settings
block_radius='*radius_md',
block_background_fill='*primary_200',
block_border_color='*primary_500',
block_border_width='*panel_border_width',
block_info_text_color='*primary_700',
block_info_text_size='*text_md',
container_radius='*radius_xl',
panel_background_fill='*primary_200',
accordion_text_color='*primary_600',
checkbox_border_radius='*radius_xl',
slider_color='*primary_500',
table_text_color='*primary_600',
input_background_fill='*primary_50',
input_background_fill_focus='*primary_100',
#Button Settings
button_border_width='1px',
button_transform_hover='scale(1.01)',
button_transition='all 0.1s ease-in-out',
button_transform_active='Scale(0.9)',
button_large_radius='*radius_xl',
button_small_radius='*radius_xl',
button_primary_border_color='*primary_500',
button_secondary_border_color='*primary_400',
button_primary_background_fill_hover='linear-gradient(90deg, *primary_400, *secondary_200, *primary_400)',
button_primary_background_fill='linear-gradient(90deg,*secondary_300 , *primary_500, *secondary_300)',
button_primary_text_color='*primary_100',
button_primary_text_color_hover='*primary_700',
button_cancel_background_fill='*primary_500',
button_cancel_background_fill_hover='*primary_400'
)
#----------End of theme---------- |