mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-13 20:56:19 -08:00
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:
1 parent
f12dfabcce
commit
ef40da23e4
4 files changed
+91
-7
No files matched your search
@@ -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
|
||||
|
||||
Reference in new issue
Block a user