Create theme.py

theme.py

@@ -0,0 +1,60 @@
+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----------