Skip to content

Match Add Task/Chore widget icons and colours to the rest of the app#88

Merged
mapgie merged 1 commit into
mainfrom
claude/widget-type-colors
Jul 12, 2026
Merged

Match Add Task/Chore widget icons and colours to the rest of the app#88
mapgie merged 1 commit into
mainfrom
claude/widget-type-colors

Conversation

@mapgie

@mapgie mapgie commented Jul 12, 2026

Copy link
Copy Markdown
Owner

Summary

  • Both quick-add widgets previously showed just a "+" on a generic GlanceTheme.colors.primary/.tertiary background (an arbitrary choice made when the widgets were first built). They now match the rest of the app:
    • Add Task: Icons.Filled.CheckCircle icon + TypeTaskContainer/TypeTaskOnContainer colours — the exact same icon and fixed accent colour already used for Tasks on the bottom nav and add-menu FAB (DashNavGraph.kt, AddMenuFab.kt).
    • Add Chore: Icons.Filled.CleaningServices icon + TypeChoreContainer/TypeChoreOnContainer colours, likewise matching Chores elsewhere.
    • These TypeTaskContainer/TypeChoreContainer colours are intentionally fixed across all four user-selectable colour themes (per the comment in Color.kt), so the widgets keep a stable identity no matter which palette is active — this is a stronger match than reusing the theme-dependent primary/tertiary roles the widgets used before.
  • Since Compose ImageVector icons can't be passed directly to Glance's Image, added two vector drawables (ic_widget_task.xml, ic_widget_chore.xml) built from Google's authoritative Material Symbols path data for check_circle and cleaning_services (fetched directly from google/material-design-icons rather than transcribed from memory, then cross-checked for well-formed XML and valid path-command syntax). They use a <group android:translateY="960"> wrapper to shift Material Symbols' "0 -960 960 960" viewBox convention into Android's vector coordinate space, rather than hand-editing every coordinate.
  • The existing shape distinction (rounded square vs. pill) and tap-to-open behavior are unchanged — this is purely an icon/colour swap.
  • Adds a changelog/unreleased/ fragment (patch bump).

Test plan

  • Place both widgets on a home screen and confirm the Task widget shows a checkmark-circle icon on a blue/indigo background, and the Chore widget shows a cleaning icon on a teal-green background, matching the bottom nav / add-menu FAB colours.
  • Resize both up to 2x1 and confirm the icon + "Add task"/"Add chore" label render without clipping.
  • Switch the in-app colour theme (Settings > Personalisation) and confirm the widget colours stay the same (since they're fixed, not palette-dependent).
  • CI build/lint/changelog checks pass.

Generated by Claude Code

Both quick-add widgets previously showed just a "+" on a generic
primary/tertiary background. They now use the same icon and fixed
accent colour the app already uses for each type elsewhere (bottom
nav, add-menu FAB): CheckCircle / TypeTaskContainer for tasks,
CleaningServices / TypeChoreContainer for chores. These accent
colours are intentionally fixed across all colour themes, so the
widgets keep a stable identity regardless of which palette the user
has picked.

Adds two vector drawables (ic_widget_task, ic_widget_chore) sourced
from Google's Material Symbols path data for check_circle and
cleaning_services, shifted into Android's vector coordinate space via
a translateY group rather than hand-editing coordinates.
@mapgie mapgie marked this pull request as ready for review July 12, 2026 10:05
@mapgie mapgie merged commit caeb335 into main Jul 12, 2026
4 checks passed
@mapgie mapgie deleted the claude/widget-type-colors branch July 12, 2026 10:05
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