File size: 2,830 Bytes
54d6187 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
import gradio as gr
theme = gr.themes.Base(
primary_hue="purple",
secondary_hue="violet",
radius_size="lg",
font=["Poppins", "ui-sans-serif", "system-ui", "sans-serif"],
).set(
body_background_fill_dark="hsl(240 10% 3.9%)",
body_text_color_dark="hsl(0 0% 98%)",
border_color_primary_dark="hsl(240 3.7% 15.9%)",
# Input fields
input_background_fill_dark="hsl(240 10% 3.9%)",
input_border_color_dark="hsl(240 3.7% 15.9%)",
# input_text_color_dark="hsl(0 0% 98%)",
input_placeholder_color_dark="hsl(240 5% 64.9%)",
input_background_fill_hover_dark="hsl(240 3.7% 15.9%)",
input_border_color_hover_dark="hsl(240 4.9% 83.9%)",
input_background_fill_focus_dark="hsl(240 10% 3.9%)",
input_border_color_focus_dark="hsl(240 4.9% 83.9%)",
input_shadow_focus_dark="0 0 0 2px hsl(240 4.9% 83.9%)",
# Labels & text
block_label_text_color_dark="hsl(240 5% 64.9%)",
block_title_text_color_dark="hsl(0 0% 98%)",
block_info_text_color_dark="hsl(240 5% 64.9%)",
# Blocks & panels
block_background_fill_dark="hsl(240 10% 3.9%)",
block_border_color_dark="hsl(240 3.7% 15.9%)",
panel_background_fill_dark="hsl(240 10% 3.9%)",
panel_border_color_dark="hsl(240 3.7% 15.9%)",
# Error states
error_background_fill_dark="hsl(0 62.8% 30.6%)",
error_text_color_dark="hsl(0 0% 98%)",
error_border_color_dark="hsl(0 62.8% 30.6%)",
# Buttons
button_primary_background_fill_dark="hsl(0 0% 98%)",
button_primary_text_color_dark="hsl(240 5.9% 10%)",
button_primary_background_fill_hover_dark="hsl(0 0% 98% / 0.9)",
button_secondary_background_fill_dark="*neutral_900",
button_secondary_text_color_dark="hsl(0 0% 98%)",
button_secondary_background_fill_hover_dark="hsl(240 3.7% 15.9% / 0.8)",
button_cancel_background_fill_dark="hsl(0 62.8% 30.6%)",
button_cancel_text_color_dark="hsl(0 0% 98%)",
button_cancel_background_fill_hover_dark="hsl(0 62.8% 30.6% / 0.9)",
# Checkbox
# Note: has a minor issue when selected and deselected the border color is not updated
checkbox_background_color_dark="transparent",
checkbox_border_color_dark="hsl(0 0% 40%)",
checkbox_border_width_dark="2px",
checkbox_border_radius="4px",
checkbox_background_color_hover_dark="hsl(240 3.7% 15.9%)",
checkbox_border_color_hover_dark="hsl(0 0% 98%)",
checkbox_background_color_selected_dark="*primary_500",
checkbox_border_color_selected_dark="*primary_500",
checkbox_background_color_focus_dark="*primary_500",
checkbox_border_color_focus_dark="*primary_500",
checkbox_label_text_color_dark="hsl(0 0% 98%)",
checkbox_label_text_color_selected_dark="hsl(0 0% 98%)",
checkbox_label_gap="0.5rem",
# Note: background for rows w/ panel variant needs to be set here
)
|