Revert to light theme with mint accent only. White plot backgrounds. Keep sibling cards visible.

app.py

@@ -34,16 +34,16 @@ KAIKAKU_MINT_BRIGHT = "#D8F0E5"
 KAIKAKU_TEXT  = "#E8F4F1"
 KAIKAKU_MUTED = "#7AA8A2"
 
-# Plotly default for dark mode
+# Light matplotlib defaults; mint is an accent only
 plt.rcParams.update({
-    "figure.facecolor": KAIKAKU_DARK,
-    "axes.facecolor": KAIKAKU_DARK,
-    "axes.edgecolor": KAIKAKU_EDGE,
-    "axes.labelcolor": KAIKAKU_TEXT,
-    "xtick.color": KAIKAKU_TEXT,
-    "ytick.color": KAIKAKU_TEXT,
-    "text.color": KAIKAKU_TEXT,
-    "savefig.facecolor": KAIKAKU_DARK,
+    "figure.facecolor": "#ffffff",
+    "axes.facecolor": "#ffffff",
+    "axes.edgecolor": "#cccccc",
+    "axes.labelcolor": "#111111",
+    "xtick.color": "#333333",
+    "ytick.color": "#333333",
+    "text.color": "#111111",
+    "savefig.facecolor": "#ffffff",
 })
 
 MODELS = {
@@ -60,14 +60,14 @@ NAMES_BY_IDX: list[str] = _lab["names"]
 FOOD_GROUPS: list[str]  = _lab["food_groups"]
 
 FG_COLORS = {
-    "Vegetable":  "#9BD7A8",
-    "Fruit":      "#F0A8C8",
-    "Grain":      "#E8D67A",
-    "Dairy":      "#9BCFE8",
-    "Spice":      "#F08A7A",
-    "Pantry":     "#E8B47A",
-    "Beverage":   "#B59CE8",
-    "Other":      "#5A7878",
+    "Vegetable":  "#2ca02c",
+    "Fruit":      "#e377c2",
+    "Grain":      "#bcbd22",
+    "Dairy":      "#17becf",
+    "Spice":      "#d62728",
+    "Pantry":     "#ff7f0e",
+    "Beverage":   "#9467bd",
+    "Other":      "#cccccc",
 }
 
 # Sanity-check log on import so Space logs show whether assets loaded
@@ -127,11 +127,9 @@ def _basket_heatmap(m, basket):
     fig, ax = plt.subplots(figsize=(6, 5))
     if len(valid) < 2:
         ax.text(0.5, 0.5, "Add 2+ ingredients to see pairwise cosines",
-                ha="center", va="center", fontsize=13, color=KAIKAKU_MUTED,
+                ha="center", va="center", fontsize=13, color="#888",
                 transform=ax.transAxes)
-        ax.set_facecolor(KAIKAKU_DARK)
         ax.axis("off")
-        fig.patch.set_facecolor(KAIKAKU_DARK)
         plt.tight_layout()
         return fig
     idxs = [m.vocab[n] for n in valid]
@@ -140,20 +138,16 @@ def _basket_heatmap(m, basket):
     im = ax.imshow(sim, cmap="viridis", vmin=-0.2, vmax=1.0, aspect="auto")
     ax.set_xticks(range(len(valid)))
     ax.set_yticks(range(len(valid)))
-    ax.set_xticklabels(valid, rotation=35, ha="right", color=KAIKAKU_TEXT)
-    ax.set_yticklabels(valid, color=KAIKAKU_TEXT)
+    ax.set_xticklabels(valid, rotation=35, ha="right")
+    ax.set_yticklabels(valid)
     for i in range(len(valid)):
         for j in range(len(valid)):
             v = float(sim[i, j])
             color = "white" if v < 0.55 else "black"
             ax.text(j, i, f"{v:.2f}", ha="center", va="center", fontsize=10, color=color)
     cb = plt.colorbar(im, ax=ax)
-    cb.ax.yaxis.set_tick_params(color=KAIKAKU_TEXT)
-    plt.setp(plt.getp(cb.ax.axes, "yticklabels"), color=KAIKAKU_TEXT)
-    cb.set_label("cosine", color=KAIKAKU_TEXT)
-    ax.set_title("Pairwise cosine within the basket", color=KAIKAKU_TEXT, fontsize=12)
-    ax.set_facecolor(KAIKAKU_DARK)
-    fig.patch.set_facecolor(KAIKAKU_DARK)
+    cb.set_label("cosine")
+    ax.set_title("Pairwise cosine within the basket", fontsize=12)
     plt.tight_layout()
     return fig
 
@@ -215,35 +209,26 @@ def umap_view(sibling, basket, show_neighbours, k, three_d=False):
             showlegend=False,
         ))
 
-    # Neighbour highlights (orange-ish mint glow)
+    # Neighbour highlights (amber)
     if neighbour_set:
         ni = [i for i in range(n) if NAMES_BY_IDX[i] in neighbour_set]
         nx = [float(coords2[i, 0]) for i in ni]
         ny = [float(coords2[i, 1]) for i in ni]
         nz = [float(z[i]) for i in ni] if three_d else None
         nlabels = [NAMES_BY_IDX[i] for i in ni]
-        marker = dict(size=12 if not three_d else 7,
-                      color="#F4B86E",  # warm amber against the dark teal
+        marker = dict(size=11 if not three_d else 6,
+                      color="#ff8800",
                       opacity=0.95,
-                      line=dict(color=KAIKAKU_MINT_BRIGHT, width=1.2))
-        if three_d:
-            fig.add_trace(go.Scatter3d(
-                x=nx, y=ny, z=nz, mode="markers+text",
-                marker=marker, text=nlabels, textposition="top center",
-                textfont=dict(color=KAIKAKU_TEXT, size=10),
-                hovertemplate="<b>%{text}</b> (neighbour)<extra></extra>",
-                name=f"top-{k} neighbours",
-            ))
-        else:
-            fig.add_trace(go.Scatter(
-                x=nx, y=ny, mode="markers+text",
-                marker=marker, text=nlabels, textposition="top center",
-                textfont=dict(color=KAIKAKU_TEXT, size=10),
-                hovertemplate="<b>%{text}</b> (neighbour)<extra></extra>",
-                name=f"top-{k} neighbours",
-            ))
-
-    # Basket highlights (mint star)
+                      line=dict(color="#ffffff", width=1.2))
+        TR = go.Scatter3d if three_d else go.Scatter
+        kwargs = dict(mode="markers+text",
+                      marker=marker, text=nlabels, textposition="top center",
+                      textfont=dict(size=10),
+                      hovertemplate="<b>%{text}</b> (neighbour)<extra></extra>",
+                      name=f"top-{k} neighbours")
+        fig.add_trace(TR(x=nx, y=ny, z=nz, **kwargs) if three_d else TR(x=nx, y=ny, **kwargs))
+
+    # Basket highlights (mint star, accent only)
     if basket_idxs:
         bx = [float(coords2[i, 0]) for i in basket_idxs]
         by = [float(coords2[i, 1]) for i in basket_idxs]
@@ -252,47 +237,31 @@ def umap_view(sibling, basket, show_neighbours, k, three_d=False):
         marker = dict(size=18 if not three_d else 9,
                       color=KAIKAKU_MINT,
                       symbol="star" if not three_d else "diamond",
-                      line=dict(color=KAIKAKU_DARK, width=2.5))
-        if three_d:
-            fig.add_trace(go.Scatter3d(
-                x=bx, y=by, z=bz, mode="markers+text",
-                marker=marker, text=blabels, textposition="top center",
-                textfont=dict(color=KAIKAKU_MINT_BRIGHT, size=13),
-                hovertemplate="<b>%{text}</b> (basket)<extra></extra>", name="basket",
-            ))
-        else:
-            fig.add_trace(go.Scatter(
-                x=bx, y=by, mode="markers+text",
-                marker=marker, text=blabels, textposition="top center",
-                textfont=dict(color=KAIKAKU_MINT_BRIGHT, size=13),
-                hovertemplate="<b>%{text}</b> (basket)<extra></extra>", name="basket",
-            ))
+                      line=dict(color="#111111", width=1.5))
+        TR = go.Scatter3d if three_d else go.Scatter
+        kwargs = dict(mode="markers+text",
+                      marker=marker, text=blabels, textposition="top center",
+                      textfont=dict(size=13, color="#111111"),
+                      hovertemplate="<b>%{text}</b> (basket)<extra></extra>", name="basket")
+        fig.add_trace(TR(x=bx, y=by, z=bz, **kwargs) if three_d else TR(x=bx, y=by, **kwargs))
 
     title_suffix = " (3D)" if three_d else ""
     fig.update_layout(
         title=dict(text=f"UMAP of Epicure-{sibling.capitalize()}{title_suffix} - {n} ingredients",
-                   font=dict(color=KAIKAKU_TEXT, size=15)),
+                   font=dict(size=15)),
         height=650, margin=dict(l=40, r=40, t=60, b=40),
-        paper_bgcolor=KAIKAKU_DARK, plot_bgcolor=KAIKAKU_DARK,
-        font=dict(color=KAIKAKU_TEXT),
-        legend=dict(orientation="v", x=1.02, y=1,
-                    bgcolor="rgba(26,61,63,0.85)",
-                    bordercolor=KAIKAKU_EDGE,
-                    font=dict(color=KAIKAKU_TEXT, size=11)),
+        paper_bgcolor="#ffffff", plot_bgcolor="#ffffff",
+        legend=dict(orientation="v", x=1.02, y=1, font=dict(size=11)),
     )
     if not three_d:
-        fig.update_xaxes(showgrid=True, gridcolor=KAIKAKU_EDGE, zeroline=False,
-                         title=dict(text="UMAP 1", font=dict(color=KAIKAKU_TEXT)),
-                         tickfont=dict(color=KAIKAKU_TEXT))
-        fig.update_yaxes(showgrid=True, gridcolor=KAIKAKU_EDGE, zeroline=False,
-                         title=dict(text="UMAP 2", font=dict(color=KAIKAKU_TEXT)),
-                         tickfont=dict(color=KAIKAKU_TEXT))
+        fig.update_xaxes(showgrid=True, gridcolor="#eeeeee", zeroline=False, title="UMAP 1")
+        fig.update_yaxes(showgrid=True, gridcolor="#eeeeee", zeroline=False, title="UMAP 2")
     else:
         fig.update_layout(scene=dict(
-            xaxis=dict(title="UMAP 1", color=KAIKAKU_TEXT, backgroundcolor=KAIKAKU_DARK, gridcolor=KAIKAKU_EDGE),
-            yaxis=dict(title="UMAP 2", color=KAIKAKU_TEXT, backgroundcolor=KAIKAKU_DARK, gridcolor=KAIKAKU_EDGE),
-            zaxis=dict(title="PC1 (z)", color=KAIKAKU_TEXT, backgroundcolor=KAIKAKU_DARK, gridcolor=KAIKAKU_EDGE),
-            bgcolor=KAIKAKU_DARK,
+            xaxis=dict(title="UMAP 1"),
+            yaxis=dict(title="UMAP 2"),
+            zaxis=dict(title="PC1 (z)"),
+            bgcolor="#ffffff",
         ))
     return fig
 
@@ -456,78 +425,48 @@ def parse_fridge(raw_text, sibling, min_score=70):
 
 # ===== UI =====
 
-# Brand-coloured Soft theme. Mint primary, dark teal background.
-mint_palette = gr.themes.Color(
-    c50="#F0FAF6", c100=KAIKAKU_MINT_BRIGHT, c200=KAIKAKU_MINT,
-    c300="#92DCBE", c400="#6FD2AA", c500="#4CC896",
-    c600="#3FA579", c700="#32835C", c800=KAIKAKU_MID,
-    c900=KAIKAKU_DARK, c950=KAIKAKU_DEEP,
-)
-
-THEME = gr.themes.Base(
-    primary_hue=mint_palette,
-    secondary_hue=mint_palette,
+# Simple default light theme with mint as the primary accent only
+THEME = gr.themes.Soft(
+    primary_hue=gr.themes.Color(
+        c50="#F0FAF6", c100=KAIKAKU_MINT_BRIGHT, c200=KAIKAKU_MINT,
+        c300="#92DCBE", c400="#6FD2AA", c500=KAIKAKU_MINT,
+        c600="#3FA579", c700="#32835C", c800="#1F5A3F",
+        c900=KAIKAKU_DARK, c950=KAIKAKU_DEEP,
+    ),
     neutral_hue="slate",
     font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"],
-).set(
-    body_background_fill=KAIKAKU_DARK,
-    body_text_color=KAIKAKU_TEXT,
-    background_fill_primary=KAIKAKU_DARK,
-    background_fill_secondary=KAIKAKU_MID,
-    block_background_fill=KAIKAKU_MID,
-    block_border_color=KAIKAKU_EDGE,
-    block_border_width="1px",
-    block_label_background_fill=KAIKAKU_MID,
-    block_label_text_color=KAIKAKU_MINT,
-    block_title_text_color=KAIKAKU_MINT,
-    button_primary_background_fill=KAIKAKU_MINT,
-    button_primary_background_fill_hover=KAIKAKU_MINT_BRIGHT,
-    button_primary_text_color=KAIKAKU_DARK,
-    button_primary_border_color=KAIKAKU_MINT,
-    button_secondary_background_fill=KAIKAKU_MID,
-    button_secondary_background_fill_hover=KAIKAKU_EDGE,
-    button_secondary_text_color=KAIKAKU_MINT,
-    border_color_primary=KAIKAKU_EDGE,
-    input_background_fill=KAIKAKU_DEEP,
-    input_border_color=KAIKAKU_EDGE,
-    input_placeholder_color=KAIKAKU_MUTED,
-    checkbox_background_color=KAIKAKU_DEEP,
-    checkbox_background_color_selected=KAIKAKU_MINT,
-    slider_color=KAIKAKU_MINT,
-    color_accent=KAIKAKU_MINT,
-    color_accent_soft=KAIKAKU_MID,
 )
 
 CUSTOM_CSS = f"""
-.gradio-container {{max-width: 1280px !important; background: {KAIKAKU_DARK} !important;}}
+.gradio-container {{max-width: 1280px !important;}}
 footer {{visibility: hidden;}}
-h1, h2, h3 {{color: {KAIKAKU_MINT};}}
-a {{color: {KAIKAKU_MINT};}}
 .sibling-card {{
-  background: {KAIKAKU_MID}; border: 1px solid {KAIKAKU_EDGE};
-  border-radius: 8px; padding: 12px 16px; margin: 4px 0;
+  border-left: 3px solid {KAIKAKU_MINT};
+  padding: 10px 14px;
+  margin: 6px 0;
+  background: #fafafa;
+  border-radius: 4px;
 }}
-.sibling-name {{color: {KAIKAKU_MINT}; font-weight: 600; font-size: 1.05em;}}
-.sibling-desc {{color: {KAIKAKU_TEXT}; opacity: 0.85; font-size: 0.95em; line-height: 1.4;}}
-.gr-dataframe table {{color: {KAIKAKU_TEXT} !important;}}
+.sibling-name {{color: {KAIKAKU_DARK}; font-weight: 700;}}
+.sibling-desc {{color: #333; font-size: 0.95em; line-height: 1.5;}}
 """
 
 # Precompute initial figures so plots are populated on first page load
 _INITIAL_UMAP = umap_view("chem", ["chicken","lemon","garlic"], True, 8, three_d=False)
 _INITIAL_HEATMAP = _basket_heatmap(MODELS["chem"], ["chicken","lemon","garlic"])
 
-SIBLING_CARDS = f"""
+SIBLING_CARDS = """
 <div class="sibling-card">
-  <span class="sibling-name">Cooc</span>
-  <span class="sibling-desc"> - Walks recipe co-occurrence only. Neighbours are recipe companions: ingredients that <em>get cooked with</em> the seed. Isotropic geometry (PR=173.6 of 300). Best for "what else do I cook with X".</span>
+  <div class="sibling-name">Cooc - recipe-context only</div>
+  <div class="sibling-desc">Walks recipe co-occurrence (NPMI graph) only. Neighbours are recipe <em>companions</em>: things that get cooked with the seed. Isotropic geometry (PR=173.6 of 300). Best for "what else do I cook with X".</div>
 </div>
 <div class="sibling-card">
-  <span class="sibling-name">Core</span>
-  <span class="sibling-desc"> - Blends typed FlavorDB compound walks with injected I-I walks at ii_repeat=10. Concentrated geometry (PR=94.2), tightest emergent modes. The middle-ground sibling: chemistry-aware but keeps recipe context.</span>
+  <div class="sibling-name">Core - blended (the middle ground)</div>
+  <div class="sibling-desc">Typed FlavorDB compound walks blended with injected I-I walks at ii_repeat=10. Concentrated geometry (PR=94.2), tightest emergent modes. Chemistry-aware but keeps recipe context.</div>
 </div>
 <div class="sibling-card">
-  <span class="sibling-name">Chem</span>
-  <span class="sibling-desc"> - Walks typed FlavorDB compound metapaths only (ii_repeat=0). Neighbours are flavour-profile peers: ingredients that <em>share aroma chemistry</em>. Best supervised-direction recovery; cuisine Cohen's d = 3.07 over 8 macro-regions.</span>
+  <div class="sibling-name">Chem - chemistry only</div>
+  <div class="sibling-desc">Typed FlavorDB compound metapaths only (ii_repeat=0). Neighbours are flavour-profile <em>peers</em>: things that share aroma chemistry with the seed. Best supervised-direction recovery; cuisine Cohen's d = 3.07 across 8 macro-regions.</div>
 </div>
 """