# Secondary Page Color Refresh Implementation Plan

> **For agentic workers:** REQUIRED SUB-SKILL: Execute this plan inline in the current session. Do not create a branch or worktree.

**Goal:** Produce a restrained first-pass visual refresh for secondary pages while leaving the home page and all business behavior unchanged.

**Architecture:** Centralize a light neutral secondary-page canvas with a white AppBar in `GradientScaffold`, keep the existing home implementation untouched, and introduce one reusable outlined create FAB for the pages that currently expose add/upload actions. Fix swipe-delete rows at the shared widget layer so medication and exercise rows always paint an opaque white content surface over the red delete action.

**Tech Stack:** Flutter, Material 3, flutter_test.

## Global Constraints

- Work on the existing `main` branch and preserve all unrelated dirty-worktree changes.
- Do not change backend APIs, providers, routing, or page business logic.
- Keep the current home page visual design unchanged.
- Secondary pages use a `#F7F8FA` canvas with white content surfaces; module colors remain content accents only.
- Reuse the existing `AppRadius` and `AppColors.actionOutlineGradient` tokens.

---

### Task 1: Lock the shared secondary-page visual behavior

**Files:**
- Modify: `health_app/test/swipe_delete_tile_test.dart`
- Create: `health_app/test/secondary_page_visuals_test.dart`
- Modify: `health_app/lib/core/app_theme.dart`
- Modify: `health_app/lib/widgets/common_widgets.dart`

- [ ] Add failing widget tests for an opaque swipe-row surface, a white `GradientScaffold`, and the shared outlined create FAB.
- [ ] Run the targeted tests and confirm they fail for the missing visual behavior.
- [ ] Make `GradientScaffold` and the global AppBar surface white without changing the home page.
- [ ] Add the reusable white, purple-gradient-outline create FAB.
- [ ] Paint swipe-row content white so red appears only in the revealed action area.
- [ ] Run the targeted tests and confirm they pass.

### Task 2: Adopt the common create action on active user pages

**Files:**
- Modify: `health_app/lib/pages/chart/trend_page.dart`
- Modify: `health_app/lib/pages/medication/medication_list_page.dart`
- Modify: `health_app/lib/pages/exercise/exercise_plan_page.dart`
- Modify: `health_app/lib/pages/report/report_pages.dart`

- [ ] Replace page-specific solid-color FAB styling with the shared create FAB.
- [ ] Preserve every existing callback, tooltip, route, and upload sheet.
- [ ] Format only the touched Dart files.
- [ ] Run the focused widget tests, the full Flutter test suite, and `flutter analyze`.