Skip to content

The theme pinning is the esports bands' own, and says so #978

Description

@ExtraToast

Part of #973. Spec: .agents/RENAME_SPEC.md, Part B3. Read that section before touching this: it is the one ticket in the epic that is not purely mechanical.

services/frontend/src/styles/island.css pins the dark treatment inside a swipeable band via .island .season-swipe. That class is added by domains/esports/island/SeasonSwipe.vue, a thin esports wrapper around the shared BandSwipe.vue, whose own class is band-swipe.

So Esports.vue and EsportsGamePage.vue render <season-swipe> and do receive the pinning. pages/Board.vue renders <band-swipe> directly and does not. The board band follows the viewer's theme in the light half while the esports band is pinned dark.

Scope for this ticket, as decided: rename only, and report. Point the rule at .island .band-swipe so the selector is live and describes the shared component. Drop SeasonSwipe.vue's now-unread class="season-swipe", and its testid only if nothing in tests/e2e or tests/system asserts on it.

Then shoot the light scene from services/frontend/zz-look.mjs before and after and attach both. Do not decide whether the board band should be pinned dark. That is a styling call for a human, and this ticket surfaces it rather than settling it. If the shots show the pinning now reaching the board band and changing it, say so plainly in the PR comment.

Its own commit, per the spec.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions