fix(ui): season list rows and both theme contexts follow the progress token

Review round 1:
- Codex: season list mode drew its episode bar with --mat-sys-primary;
  `.episode-list-item__progress-fill` now reads --app-progress-color, with
  a spec (the grid mode already goes through the capsule).
- Greptile: nothing pinned the token's `.dark-theme` re-declaration, so
  dropping it would have left every spec green while dark mode inherited
  the light colour. `m3-theme.spec.ts` (web) asserts the declaration in
  both theme contexts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
4grayandClaude Opus 5.5 committed 2026-10-03 11:32:07 +02:00
1 parent f12dfabcce
commit ef40da23e4
4 files changed
+91 -7

No files matched your search

+10 -6
View File
@@ -531,10 +531,12 @@ A title's watch progress (its resume share, `progressPercent`) has exactly one
colour per context, and never a literal of its own:
- **App chrome** — dashboard rail cards and the hero, catalog grids and season
episodes (`app-progress-capsule`): `--app-progress-color`, declared per theme
in `apps/web/src/m3-theme.scss` as that theme's `--app-selection-color`. The
capsule's green from 90 % marks a finished title; it is a status, not
progress.
episodes (`app-progress-capsule`, and the season list rows' own fill):
`--app-progress-color`, declared per theme in `apps/web/src/m3-theme.scss`
as that theme's `--app-selection-color`, and declared again inside
`.dark-theme` because a derived custom property resolves where it is
declared. The capsule's green from 90 % marks a finished title; it is a
status, not progress.
- **Over video** — the dock timeline, the Up next card, the Up Next rail and
the fullscreen episode panel: the player's fixed `--pc-progress` (accent
blue `#4f8eff`), never an app token, because the player palette is
@@ -550,8 +552,10 @@ colour per context, and never a literal of its own:
live hero slides) keeps `--app-live-color`; EPG programme progress keeps the
fill described below.
Specs hold the rule in each owning project: `player-progress.palette.spec.ts`
(ui-playback), `progress-capsule.component.spec.ts` (components) and
Specs hold the rule in each owning project: `m3-theme.spec.ts` (web: the token
in both theme contexts), `player-progress.palette.spec.ts` (ui-playback),
`progress-capsule.component.spec.ts` and
`season-container.progress-colour.spec.ts` (components) and
`dashboard-progress-colour.spec.ts` (workspace-dashboard-feature).
### Track