Skip to content

Bring list cards, badges and the add button to the Cozy Cream layout - #100

Merged
mapgie merged 3 commits into
mainfrom
claude/design-aesthetic-alignment-y73s4q
Aug 26, 2026
Merged

Bring list cards, badges and the add button to the Cozy Cream layout#100
mapgie merged 3 commits into
mainfrom
claude/design-aesthetic-alignment-y73s4q

Conversation

@mapgie

@mapgie mapgie commented Aug 26, 2026

Copy link
Copy Markdown
Owner

Second Cozy Cream alignment round, following up on #99 with the design's most distinctive card and navigation elements. These were originally flagged as out of scope but are purely visual, so no behaviour changes beyond where noted.

What changed

List cards restructured to the design's row (TaskCard.kt, ChoreCard.kt, ReminderCard.kt, new core/CardChips.kt, core/MetaLabel.kt)

  • Circular 46dp icon chip on the left, tinted by the card's accent; title with an uppercase meta caption beneath ("GENERAL · NORMAL", "EVERY 3D · DONE 5D AGO"); right column with the status badge above the owner avatar.
  • On Task and Reminder cards the chip is the done toggle (open circle → filled check), replacing the square Checkbox with the same Role.Checkbox semantics and a 46dp tap target.
  • CategoryBadge deleted: the caption line replaced its last usages.

Status semantics aligned with the documented rule (TaskCard.kt)

  • Task spines now colour by urgency, matching chores and the app-wide bar meaning documented in StatusTone.kt; priority moved into the caption text (a non-colour marker, as that doc prescribes).

Chore cadence pressure (Chore.kt, ChoreCard.kt)

  • New derived Chore.pressureFraction() (share of the cadence window elapsed, using the same thresholds as status), rendered as the design's 5dp pressure bar along the card bottom. Hidden in zen mode.

Centre-docked add button (DashNavGraph.kt, AddMenuFab.kt)

  • The FAB is now circular, sage (colorScheme.secondary), and docked at the centre above the nav bar; the quick-add menu stacks centred above it. The configurable menu order and the hidden-Memos-tab behaviour are unchanged.

Reminders drop error colours for overdue (ReminderCard.kt)

  • Overdue reminders now use the shared rose status tone (spine + "Overdue" badge) instead of error/errorContainer, per the repo rule reserving error colours for genuine errors.

Notes

  • The card's absolute-date/relative-time pair on chore rows is now split: relative time lives in the caption, and the right slot shows the countdown badge (or absolute date when the countdown toggle is off).
  • This round's changes are recorded in a new fragment, changelog/unreleased/cozy-cream-cards.json; the fragment merged with Align app aesthetics with the Cozy Cream design system #99 is left untouched because check_changelog_fragment.py only counts fragments newly added in the PR (now noted as LESSONS.md Redesign reminder edit sheet UX #32).

Checks

  • python3 a11y_check.py clean (86 files).
  • Changelog fragment added (changelog/unreleased/cozy-cream-cards.json, minor bump); changelog check green.

🤖 Generated with Claude Code

https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes

claude added 3 commits August 26, 2026 15:33
Second alignment round covering the design's most distinctive elements:

- List cards restructured to the design's row: circular icon chip on the
  left, title with an uppercase meta caption beneath, and a right column
  with the status badge above the owner avatar. Shared CardIconChip /
  DoneToggleChip and MetaCaption primitives keep the three cards uniform.
- The chip doubles as the done toggle on Task and Reminder cards (open
  circle -> filled check, Role.Checkbox semantics, 46dp tap target),
  replacing the square Checkbox.
- Task spines now colour by urgency, matching the app-wide bar meaning
  documented in StatusTone.kt; priority moves into the caption text.
- Chore cards gain the design's cadence-pressure bar (new
  Chore.pressureFraction()) and an "every Nd - done Xd ago" caption.
- Reminder cards drop error/errorContainer for overdue in favour of the
  shared rose status tone, per the error-colour rule.
- The add FAB is now circular, sage, and centre-docked above the nav bar,
  with the quick-add menu stacking centred above it.
- CategoryBadge removed: the meta caption replaced its last usages.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes
check_changelog_fragment.py only counts fragments newly added in the PR;
extending the fragment that already merged with #99 does not register.
Restore that fragment to main's version and record the card, FAB, and
reminder restyle in a new cozy-cream-cards.json.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes
@mapgie
mapgie marked this pull request as ready for review August 26, 2026 21:01
@mapgie
mapgie merged commit eea49d1 into main Aug 26, 2026
4 checks passed
@mapgie
mapgie deleted the claude/design-aesthetic-alignment-y73s4q branch August 26, 2026 21:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants