CIF-LINK / pages /theme.py
Nielo47's picture
update
47d267e
import gradio as gr
font=gr.themes.GoogleFont('Montserrat'),
softCIF = gr.themes.Soft(
primary_hue=gr.themes.Color(c100="#F7CDC9", c200="#F1A9A2", c300="#EB867B", c400="#E56556", c50="#FCEEED", c500="#D4291A", c600="#C02417", c700="#A91F14", c800="#991b1b", c900="#921A11", c950="#7B150E"),
secondary_hue="teal",
neutral_hue="slate",
font=gr.themes.GoogleFont('Montserrat'),
font_mono=gr.themes.GoogleFont('Fira Code')
).set(
background_fill_primary='white',
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_spread='3px',
block_background_fill='*background_fill_primary',
block_border_width='1px',
block_border_width_dark='1px',
block_label_background_fill='*background_fill_primary',
block_label_background_fill_dark='*background_fill_secondary',
block_label_text_color='*neutral_500',
block_label_text_color_dark='*neutral_200',
block_label_margin='0',
block_label_padding='*spacing_sm *spacing_lg',
block_label_radius='calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px) 0',
block_label_text_size='*text_sm',
block_label_text_weight='400',
block_title_background_fill='none',
block_title_background_fill_dark='none',
block_title_text_color='*neutral_500',
block_title_text_color_dark='*neutral_200',
block_title_padding='0',
block_title_radius='none',
block_title_text_weight='400',
panel_border_width='0',
panel_border_width_dark='0',
checkbox_background_color_selected='*color_accent',
checkbox_background_color_selected_dark='*color_accent',
checkbox_border_color='*neutral_300',
checkbox_border_color_dark='*neutral_700',
checkbox_border_color_focus='*color_accent',
checkbox_border_color_focus_dark='*color_accent',
checkbox_border_color_selected='*color_accent',
checkbox_border_color_selected_dark='*color_accent',
checkbox_border_width='*input_border_width',
checkbox_shadow='*input_shadow',
checkbox_label_background_fill_selected='*checkbox_label_background_fill',
checkbox_label_background_fill_selected_dark='*checkbox_label_background_fill',
checkbox_label_shadow='none',
checkbox_label_text_color_selected='*checkbox_label_text_color',
input_background_fill='*neutral_100',
input_border_color='*border_color_primary',
input_shadow='none',
input_shadow_dark='none',
input_shadow_focus='*input_shadow',
input_shadow_focus_dark='*input_shadow',
slider_color='*color_accent',
slider_color_dark='*color_accent',
button_primary_background_fill_hover='*primary_600',
button_primary_background_fill_hover_dark='*primary_700',
button_primary_shadow='none',
button_primary_shadow_hover='*button_primary_shadow',
button_primary_shadow_active='*button_primary_shadow',
button_primary_shadow_dark='none',
button_secondary_background_fill='*neutral_200',
button_secondary_background_fill_hover='*neutral_300',
button_secondary_background_fill_hover_dark='*neutral_700',
button_secondary_text_color='black',
button_secondary_shadow='*button_primary_shadow',
button_secondary_shadow_hover='*button_secondary_shadow',
button_secondary_shadow_active='*button_secondary_shadow',
button_secondary_shadow_dark='*button_primary_shadow'
)