WORK-375
Setting up your dashboard 0 entities found · 8/31 branches scanned
ID:WORK-375Status:done

Default cover scrim bound to content-place

Turn on a default scrim in cover mode targeting the media surface, with direction following content-place.

Priority:lowComplexity:simpleMilestone:v0.20.0Source:SPEC-089
main View source

Criteria completion

Criteria completion: 3 of 3 (100%) checked; history from Jun 9 to Jun 90%25%50%75%100%Jun 9Jun 9

Relationships

Implements 1
Branches 3
main current done
claude/spec-089-cover-layout doneclaude/mcp-server-verify-4lnxej readyclaude/scrim-tone-foreground-tint ready
History 6
  1. b2f2985
    • ☑ A default scrim is applied in `cover` mode (consuming the SPEC-088 scrim facet), targeting the media surface (SPEC-087 routing); `scrim="none"` disables.
    • ☑ Scrim direction follows `content-place` by default and is independently overridable; the scrim region tracks the content area.
    • ☑ The cover overlay's foreground colour follows `scrim-tone` (a scoped tint of the cover region — light text on a darkened light card by default; scoped to the band in `header` scope); an explicit `tint` overrides for a bespoke overlay colour.
    by bjornolofandersson
  2. 32a3b52
    Content editedby Claude
    feat(cover): media-position=cover layout, content-place, default scrim +
  3. 3be3c08
    Content editedby bjornolofandersson
  4. d2c3251
    Content editedby Claude
    spec(SPEC-088/089): scrim-tone drives the overlay foreground colour
  5. 9c0545a
    Created (ready)by bjornolofandersson
  6. 1da59d6
    Content editedby Claude
    plan: add v0.20.0 milestone and break down SPEC-086..091 into work items

Acceptance Criteria

  • A default scrim is applied in cover mode (consuming the SPEC-088 scrim facet), targeting the media surface (SPEC-087 routing); scrim="none" disables.
  • Scrim direction follows content-place by default and is independently overridable; the scrim region tracks the content area.
  • The cover overlay's foreground colour follows scrim-tone (a scoped tint of the cover region — light text on a darkened light card by default; scoped to the band in header scope); an explicit tint overrides for a bespoke overlay colour.

Approach

Depends on the SPEC-088 scrim facet (WORK-371). SPEC-089 §3.

References

  • SPEC-089

Resolution

Completed: 2026-06-09

Branch: claude/spec-089-cover-layout

What was done

  • packages/lumina/styles/dimensions/cover.css — a default scrim in cover mode on the media surface ([data-media-position="cover"]:not([data-scrim="none"]) [data-section="media"]::after), a gradient weighted toward the content edge via --cover-scrim-dir. scrim="none" disables it (host signal from the engine).
  • Scrim direction follows content-place by default (content-place block-start → to bottom, else to top) and is independently overridable: packages/transform/src/engine.ts maps an explicit scrim="top|bottom|left|right" (the SPEC-088 facet, now matching none) to --cover-scrim-dir, overriding the content-place default.
  • Cover foreground follows scrim-tone: full scope sets data-color-scheme (= scrim-tone, default dark → light text) on the root; header scope scopes it to the cover-band (variant layout attrs), leaving the body on the page palette. An explicit tint/data-color-scheme wins.
  • packages/runes/src/lib/index.ts — scrim matches gain none; the bg-block scrim build + trigger are guarded with scrimDir !== 'none' so scrim="none" doesn't create a stray scrim element.

Notes

  • Header-scope foreground uses the band's static dark scheme (the common case); a bespoke tone there is reachable via tint.