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