Skip to content

Align app aesthetics with the Cozy Cream design system - #99

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

Align app aesthetics with the Cozy Cream design system#99
mapgie merged 2 commits into
mainfrom
claude/design-aesthetic-alignment-y73s4q

Conversation

@mapgie

@mapgie mapgie commented Aug 26, 2026

Copy link
Copy Markdown
Owner

Recreates the visual direction from the "Cozy Cream" design handoff (design_handoff_choredash_cozy_cream) inside the existing Compose theming, without changing any behaviour.

What changed

New default "Cream" palette (ui/theme/Color.kt)

  • Light scheme straight from the design tokens: cream ground #F2EDE2, white cards #FFFDF9, lavender primary #7A5FA0, sage secondary, amber tertiary, warm hairlines/borders, and an explicit warm surfaceContainer ramp so sheets (#FBF7EE) and the nav bar (#F7F2E7) land on the design's neutrals instead of M3 baseline grey-purple.
  • Dark scheme derived from the design's dark reminder screen: #272E24 ground, gold #DFCF90, soft lavender and sage.
  • Cream is the new default. A palette picked explicitly in Appearance (including Mist) is persisted and unaffected; devices still on the old default will switch to Cream on update.

Status colours + badges (Color.kt, StatusTone.kt, new core/StatusBadge.kt)

  • Overdue/soon/fresh softened to the design's rose #B8524E / amber #D9A648 / sage #8AA877 for spines, with deep variants for text on light surfaces and tinted pill backgrounds per the design's badge style. Due dates and chore countdowns now render as small tinted pills on both card types; quiet states (later / no due) stay plain text.

Serif page headers (new core/PageHeader.kt)

  • Each main tab opens with the design's 5dp gradient accent strip and a lowercase Lora title with an accent-coloured full stop ("tasks." / "chores." / "settings.", "zen." while zen mode is active). Settings sub-screens and Licences drop the coloured app bar for a flat serif title + back arrow.

Shape, spacing, type (new ui/theme/Shape.kt, Dimens.kt, Type.kt)

  • Cards 20dp, sheets/dialogs 28dp, badges 8dp, pill filter chips; card spine widened to 7dp; avatars 26dp; card gap 8dp; card titles Nunito Bold 17sp; Nunito ExtraBold added for labels; one shared letterspaced SectionLabel for list group headers and settings sections.
  • Bottom-nav/type accents retinted to the design's lavender/sage/amber tints (fixed across palettes, as before).

Deliberate deviations from the handoff

These are functional differences between the design and the shipped app, left as-is (see the session summary for details): standard corner FAB with the configurable quick-add menu instead of the 5-slot nav bar with a centre-docked FAB, category grouping instead of time-bucket grouping on Tasks, no search screen / sort bottom sheet / footer strips / NFC hint card / per-card icon chips, and no full-screen dark reminder view. Home-screen widgets keep their own Glance theme.

Checks

  • python3 a11y_check.py clean (85 files).
  • Changelog fragment added (changelog/unreleased/cozy-cream-redesign.json, minor bump).
  • .claude/CLAUDE.md theme note updated.

🤖 Generated with Claude Code

https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes


Generated by Claude Code

claude added 2 commits August 26, 2026 13:24
Recreates the visual direction from the Cozy Cream design handoff in the
existing Compose theming:

- New default "Cream" palette: warm cream ground (#F2EDE2), white cards,
  lavender primary, sage secondary, amber tertiary, explicit warm
  surfaceContainer ramp, and a warm dark scheme derived from the design's
  dark reminder screen. Mist stays available for users who picked it.
- Status colours softened to the design's rose/amber/sage, with deep text
  variants and tinted pill backgrounds; due dates and countdowns render as
  small tinted StatusBadge pills shared by both cards.
- Serif lowercase page headers with an accent-coloured full stop and a 5dp
  gradient accent strip on Tasks, Chores, Reminders and Settings; settings
  sub-screens switch from coloured app bars to flat serif titles.
- Rounder shape scale (cards 20dp, sheets 28dp, badges 8dp), pill filter
  chips, 7dp card spine, 26dp avatars, bolder card titles, Nunito ExtraBold,
  and one shared letterspaced SectionLabel for list group headers and
  settings sections.
- Bottom-nav/type accents retinted to the design's lavender/sage/amber.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes
The reminders screen restructure wrapped the Scaffold content in a Column,
but the file had never used Column before and lacked the import, which
cascaded into the composable-context and return-position errors in CI.

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 15:25
@mapgie
mapgie merged commit 979356a into main Aug 26, 2026
4 checks passed
@mapgie
mapgie deleted the claude/design-aesthetic-alignment-y73s4q branch August 26, 2026 15:25
mapgie pushed a commit that referenced this pull request Aug 26, 2026
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
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