ui/theme.py

import gradio as gr

# GRADIO UI

# =========================
# CUSTOM CSS
# =========================

app_css = """
/* =========================
HEADINGS ONLY
========================= */

h1, h2, h3 {
    color: #006c4b !important;
}

/* =========================
WELCOME PAGE
========================= */

.welcome-page {
    background-color: #eaf6f0;
    border-radius: 16px;
    padding: 32px;
}

.welcome-title {
    text-align: center;
}

.welcome-logo {
    display: flex;
    justify-content: center;
}

.welcome-btn {
    min-height: 64px !important;
    font-size: 1.05rem !important;
    white-space: normal !important;
}

.welcome-caption {
    text-align: center;
    color: #4a4a4a;
    font-size: 0.92rem;
    margin-top: 4px;
}

/* =========================
HIDE TAB BAR
========================= */
/* Navigation is handled by the custom Home / Back buttons, not by
   clicking tab headers directly, so the tab bar itself is hidden. */
.tab-nav {
    display: none !important;
}
"""

# =========================
# THEME
# =========================

theme = gr.themes.Base(
    primary_hue="green"
).set(
    button_primary_background_fill="#006c4b",
    button_primary_background_fill_hover="#008a61",
    button_primary_text_color="white"
)