|
import gradio as gr |
|
|
|
|
|
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_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_fill_primary='*primary_100', |
|
background_fill_secondary='*secondary_200', |
|
|
|
color_accent='*primary_300', |
|
|
|
|
|
border_color_accent_subdued='*primary_400', |
|
border_color_primary='*primary_400', |
|
|
|
|
|
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', |
|
|
|
table_text_color='*primary_600', |
|
input_background_fill='*primary_50', |
|
input_background_fill_focus='*primary_100', |
|
|
|
|
|
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', |
|
|
|
loader_color="#800000", |
|
slider_color="#708090" |
|
) |
|
|
