Upload 2 files

app.py

@@ -3077,7 +3077,58 @@ _initial_version = _initial_versions[0] if _initial_versions else None
 _initial_ckpt_labels = _ckpt_labels(_initial_version) if _initial_version else []
 _mode_keys = list(MODES.keys())
 
-with gr.Blocks(title="CompactAI Models") as demo:
+# Hugging Face style theme — yellow primary + warm slate neutrals.
+_HF_THEME = gr.themes.Default(
+    primary_hue=gr.themes.Color(
+        c50="#FFFBEA",
+        c100="#FFF3C4",
+        c200="#FCE588",
+        c300="#FADB5F",
+        c400="#F7C948",
+        c500="#FFD21E",  # HF brand yellow
+        c600="#F0B429",
+        c700="#CB6E17",
+        c800="#B44D12",
+        c900="#8D2B0B",
+        c950="#5C1A04",
+    ),
+    secondary_hue="orange",
+    neutral_hue="slate",
+    font=[gr.themes.GoogleFont("IBM Plex Sans"), "ui-sans-serif", "system-ui", "sans-serif"],
+    font_mono=[gr.themes.GoogleFont("IBM Plex Mono"), "ui-monospace", "monospace"],
+).set(
+    body_background_fill="#FFFFFF",
+    body_background_fill_dark="#0B0F19",
+    background_fill_primary="#FFFFFF",
+    background_fill_primary_dark="#0B0F19",
+    background_fill_secondary="#F5F6F8",
+    background_fill_secondary_dark="#1B1F2A",
+    block_background_fill="#FFFFFF",
+    block_background_fill_dark="#11151F",
+    block_border_color="#E5E7EB",
+    block_border_color_dark="#22273A",
+    block_label_background_fill="#FFFBEA",
+    block_label_background_fill_dark="#1B1F2A",
+    block_label_text_color="#5C1A04",
+    block_label_text_color_dark="#FFD21E",
+    block_title_text_color="#0B0F19",
+    block_title_text_color_dark="#F5F6F8",
+    button_primary_background_fill="#FFD21E",
+    button_primary_background_fill_hover="#F0B429",
+    button_primary_text_color="#0B0F19",
+    button_primary_text_color_hover="#0B0F19",
+    button_secondary_background_fill="#F5F6F8",
+    button_secondary_background_fill_dark="#1B1F2A",
+    button_secondary_text_color="#0B0F19",
+    button_secondary_text_color_dark="#F5F6F8",
+    border_color_accent="#FFD21E",
+    border_color_primary="#E5E7EB",
+    border_color_primary_dark="#22273A",
+    color_accent_soft="#FFFBEA",
+    color_accent_soft_dark="#1B1F2A",
+)
+
+with gr.Blocks(title="CompactAI Models", theme=_HF_THEME) as demo:
     gr.Markdown(
         "# CompactAI — TinyMemoryLM\n"
         "Tiny recurrent-depth language models from [CompactAI-O](https://huggingface.co/CompactAI-O)."
@@ -3187,4 +3238,4 @@ with gr.Blocks(title="CompactAI Models") as demo:
 
 
 if __name__ == "__main__":
-    demo.launch(theme=gr.themes.Soft())
+    demo.launch(theme=_HF_THEME)