Readability: black labels and table headers; #288B79 accent for buttons/sliders only

app.py

@@ -29,10 +29,13 @@ KAIKAKU_DARK  = "#0F2D2F"
 KAIKAKU_DEEP  = "#0A1F20"
 KAIKAKU_MID   = "#1A3D3F"
 KAIKAKU_EDGE  = "#2A4D4F"
-KAIKAKU_MINT  = "#B5E6D2"
-KAIKAKU_MINT_BRIGHT = "#D8F0E5"
-KAIKAKU_TEXT  = "#E8F4F1"
-KAIKAKU_MUTED = "#7AA8A2"
+KAIKAKU_ACCENT = "#288B79"          # darker teal-green - readable on white
+KAIKAKU_ACCENT_HOVER = "#1E6E5F"
+KAIKAKU_ACCENT_LIGHT = "#A8D5CA"    # background tints only
+KAIKAKU_MINT  = KAIKAKU_ACCENT      # backwards-compat aliases used elsewhere
+KAIKAKU_MINT_BRIGHT = KAIKAKU_ACCENT_HOVER
+KAIKAKU_TEXT  = "#0F2D2F"
+KAIKAKU_MUTED = "#5A7878"
 
 # Light matplotlib defaults; mint is an accent only
 plt.rcParams.update({
@@ -425,30 +428,97 @@ def parse_fridge(raw_text, sibling, min_score=70):
 
 # ===== UI =====
 
-# Simple default light theme with mint as the primary accent only
+# Theme: light background, BLACK text everywhere, accent color reserved for
+# interactive UI (buttons, sliders, focused borders) and brand cues.
 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",
+        c50="#E8F4F1", c100="#C8E6DE", c200=KAIKAKU_ACCENT_LIGHT,
+        c300="#7BBAA9", c400="#4DA08F", c500=KAIKAKU_ACCENT,
+        c600=KAIKAKU_ACCENT_HOVER, c700="#155547", c800="#0F3B33",
         c900=KAIKAKU_DARK, c950=KAIKAKU_DEEP,
     ),
     neutral_hue="slate",
     font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"],
+).set(
+    # Force readable label/title text instead of letting Soft tint them with primary
+    block_label_text_color="#1f2937",
+    block_label_text_weight="600",
+    block_title_text_color="#0f172a",
+    block_title_text_weight="700",
+    body_text_color="#0f172a",
+    body_text_color_subdued="#475569",
+    # Primary button: dark accent + white text -> high contrast
+    button_primary_background_fill=KAIKAKU_ACCENT,
+    button_primary_background_fill_hover=KAIKAKU_ACCENT_HOVER,
+    button_primary_text_color="#ffffff",
+    button_primary_border_color=KAIKAKU_ACCENT,
+    button_secondary_background_fill="#f1f5f9",
+    button_secondary_background_fill_hover="#e2e8f0",
+    button_secondary_text_color=KAIKAKU_DARK,
+    slider_color=KAIKAKU_ACCENT,
+    color_accent=KAIKAKU_ACCENT,
 )
 
 CUSTOM_CSS = f"""
 .gradio-container {{max-width: 1280px !important;}}
 footer {{visibility: hidden;}}
+
+/* Make sure NOTHING uses the faded light-mint label color */
+.gradio-container label,
+.gradio-container .label,
+.gradio-container [data-testid="block-label"],
+.gradio-container .block-label,
+.gradio-container .gr-block-label {{
+  color: #0f172a !important;
+  font-weight: 600 !important;
+  background: transparent !important;
+}}
+
+/* Tab labels readable */
+.gradio-container button[role="tab"] {{
+  color: #334155 !important;
+  font-weight: 500 !important;
+}}
+.gradio-container button[role="tab"][aria-selected="true"] {{
+  color: {KAIKAKU_ACCENT} !important;
+  border-bottom-color: {KAIKAKU_ACCENT} !important;
+  font-weight: 700 !important;
+}}
+
+/* Primary button: dark accent + white text */
+.gradio-container button.primary,
+.gradio-container .primary > button {{
+  background: {KAIKAKU_ACCENT} !important;
+  color: #ffffff !important;
+  border-color: {KAIKAKU_ACCENT} !important;
+  font-weight: 600 !important;
+}}
+.gradio-container button.primary:hover {{
+  background: {KAIKAKU_ACCENT_HOVER} !important;
+  border-color: {KAIKAKU_ACCENT_HOVER} !important;
+}}
+
+/* Dataframe headers: black, bold, readable */
+.gradio-container table thead th,
+.gradio-container .gr-dataframe thead th {{
+  color: #0f172a !important;
+  font-weight: 700 !important;
+  background: #f8fafc !important;
+}}
+.gradio-container table tbody td {{
+  color: #0f172a !important;
+}}
+
+/* Sibling card */
 .sibling-card {{
-  border-left: 3px solid {KAIKAKU_MINT};
+  border-left: 3px solid {KAIKAKU_ACCENT};
   padding: 10px 14px;
   margin: 6px 0;
-  background: #fafafa;
+  background: #f8fafc;
   border-radius: 4px;
 }}
-.sibling-name {{color: {KAIKAKU_DARK}; font-weight: 700;}}
-.sibling-desc {{color: #333; font-size: 0.95em; line-height: 1.5;}}
+.sibling-name {{color: {KAIKAKU_DARK}; font-weight: 700; font-size: 1.02em;}}
+.sibling-desc {{color: #334155; font-size: 0.95em; line-height: 1.5;}}
 """
 
 # Precompute initial figures so plots are populated on first page load