Fix chart text visibility and tab label sizing

- Add template=plotly_dark to all Plotly figures so base text defaults to
white instead of Plotly's grey default overriding our explicit colors
- Make Gantt zoom buttons (Year/Quarter/Month/Week) visible: darker opaque
background and a readable border instead of near-invisible defaults
- CSS: inactive Gradio tab labels now use full text color (#e8e8e8) instead
of muted grey, bumped to 15px/600 weight for legibility
- CSS: add Plotly SVG text rule to keep fill bright via CSS variable

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app.py

@@ -182,12 +182,19 @@ button:not(.primary) {
 }
 
 /* === Tabs === */
-.tab-nav button, button[role="tab"] { color: var(--pc-text-muted) !important; }
+.tab-nav button, button[role="tab"] {
+  color: var(--pc-text) !important;
+  font-size: 15px !important;
+  font-weight: 600 !important;
+}
 .tab-nav button.selected, button[role="tab"][aria-selected="true"] {
   color: var(--pc-green) !important;
   border-color: var(--pc-green) !important;
 }
 
+/* === Plotly SVG text — keep bright in dark mode === */
+.js-plotly-plot .plotly text { fill: var(--pc-text) !important; }
+
 /* === Plot containers === */
 .pc-plot { min-height: 600px !important; }
 

views/gantt.py

@@ -236,6 +236,7 @@ def render(plan: ProjectPlan, team_colors: dict | None = None) -> go.Figure:
     def_vals, def_texts = _year_ticks(base_date, project_end)
 
     fig.update_layout(
+        template="plotly_dark",
         paper_bgcolor="rgba(0,0,0,0)",
         plot_bgcolor="rgba(0,0,0,0)",
         font=dict(color=COLORS["silver"]),
@@ -251,8 +252,8 @@ def render(plan: ProjectPlan, team_colors: dict | None = None) -> go.Figure:
             active=0,
             x=0, xanchor="left",
             y=1.12, yanchor="bottom",
-            bgcolor="rgba(100,100,100,0.25)",
-            bordercolor=COLORS["border"],
+            bgcolor="rgba(50,50,50,0.85)",
+            bordercolor="rgba(150,150,150,0.5)",
             font=dict(color=COLORS["silver"], size=13),
         )],
         xaxis=dict(

views/heatmap.py

@@ -96,6 +96,7 @@ def render(plan: ProjectPlan) -> go.Figure:
     ))
 
     fig.update_layout(
+        template="plotly_dark",
         paper_bgcolor="rgba(0,0,0,0)",
         plot_bgcolor="rgba(0,0,0,0)",
         font=dict(color=COLORS["silver"]),

views/raci.py

@@ -128,6 +128,7 @@ def render(plan: ProjectPlan) -> go.Figure:
     )
 
     fig.update_layout(
+        template="plotly_dark",
         paper_bgcolor="rgba(0,0,0,0)",
         plot_bgcolor="rgba(0,0,0,0)",
         font=dict(color=COLORS["silver"]),