Spaces:
Paused
Paused
File size: 2,303 Bytes
9efa0c5 | 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 | from pathlib import Path
import gradio as gr
# --- Theme: one palette for light, one for dark ---
theme = gr.themes.Base(
primary_hue=gr.themes.colors.blue,
neutral_hue=gr.themes.colors.slate,
font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
).set(
# page + text
body_background_fill="#F6F7F9", body_background_fill_dark="#0E1116",
body_text_color="#15181D", body_text_color_dark="#E8EBF0",
body_text_color_subdued="#5B6270", body_text_color_subdued_dark="#9AA3B2",
# blocks: no borders of their own (the card provides the frame)
block_background_fill="#FFFFFF", block_background_fill_dark="#161A21",
block_border_width="0px",
block_shadow="none",
block_label_text_color="#3A404B", block_label_text_color_dark="#C4CAD4",
block_label_text_weight="600",
border_color_primary="#DDE1E7", border_color_primary_dark="#2A303B",
# inputs
input_background_fill="#FFFFFF", input_background_fill_dark="#1D222B",
input_border_color="#C3C9D2", input_border_color_dark="#3A414D",
input_border_width="1px",
input_radius="8px",
input_padding="12px 14px",
# buttons
button_large_radius="8px",
button_small_radius="999px",
button_primary_background_fill="#2457D6", button_primary_background_fill_dark="#4F7DF0",
button_primary_background_fill_hover="#1A3FA0", button_primary_background_fill_hover_dark="#3E6AE0",
button_primary_text_color="#FFFFFF", button_primary_text_color_dark="#FFFFFF",
button_secondary_background_fill="#EEF1F5", button_secondary_background_fill_dark="#222833",
button_secondary_background_fill_hover="#E2E7EE", button_secondary_background_fill_hover_dark="#2C3340",
button_secondary_text_color="#3A404B", button_secondary_text_color_dark="#C4CAD4",
button_secondary_border_color="#DDE1E7", button_secondary_border_color_dark="#2A303B",
slider_color="#2457D6", slider_color_dark="#4F7DF0",
)
# --- Custom CSS, loaded from the file next to this one ---
CSS = (Path(__file__).parent / "styles.css").read_text()
# --- Small browser-side script for the light/dark button ---
TOGGLE_DARK = "() => document.body.classList.toggle('dark')" |