theme.py

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',
    panel_border_color='*primary_400',
    input_border_color='*primary_400',
    table_border_color='*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----------