| """Gradio theme and the small CSS file (spec section 14).""" |
|
|
| from __future__ import annotations |
|
|
| from pathlib import Path |
|
|
| import gradio as gr |
|
|
| CSS_PATH = Path(__file__).with_name("style.css") |
| LOGIN_CSS_PATH = Path(__file__).with_name("login.css") |
| |
| SYSTEM_FONTS = ("ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "sans-serif") |
|
|
|
|
| class AppTheme(gr.themes.Soft): |
| """Soft, plus the login page rules: that page loads /theme.css but ignores css= and head=.""" |
|
|
| def _get_theme_css(self) -> str: |
| return super()._get_theme_css() + "\n\n" + LOGIN_CSS_PATH.read_text(encoding="utf-8") |
|
|
|
|
| def build_theme() -> gr.themes.Base: |
| return AppTheme( |
| primary_hue="indigo", |
| neutral_hue="slate", |
| text_size="md", |
| spacing_size="md", |
| radius_size="lg", |
| font=SYSTEM_FONTS, |
| ).set( |
| button_secondary_background_fill="white", |
| button_secondary_background_fill_dark="*neutral_800", |
| button_secondary_background_fill_hover="*neutral_100", |
| button_secondary_background_fill_hover_dark="*neutral_700", |
| button_secondary_border_color="*neutral_200", |
| button_secondary_border_color_dark="*neutral_700", |
| button_secondary_text_color="*neutral_800", |
| button_secondary_text_color_dark="*neutral_100", |
| ) |
|
|
|
|
| def load_css() -> str: |
| return CSS_PATH.read_text(encoding="utf-8") |
|
|
