Skip to content

feat(pwa): new SVG padel racket icon with native theming - #120

Merged
DavidSchmidt00 merged 3 commits into
stagingfrom
feat/pwa-icon-redesign
May 19, 2026
Merged

DavidSchmidt00 merged 3 commits into
stagingfrom
feat/pwa-icon-redesign

Conversation

@DavidSchmidt00

@DavidSchmidt00 DavidSchmidt00 commented May 19, 2026 •

Copy link
Copy Markdown
Owner

Summary

  • New icon.svg: tilted round padel racket silhouette with gradient frame ring (green → cyan), dark face, hexagonal hole pattern (3-4-5-4-3 diamond), grip tape bands, and white AI sparkle badge
  • SVG added as the primary <link rel="icon"> — modern browsers use it natively without dark-mode filter hacks
  • All PNG sizes regenerated from SVG via resvg-js: 512px (any), 192px (maskable, full-bleed), 180px (Apple touch), 32px (favicon fallback)
  • Manifest updated: split maskable and any purposes into separate entries, added SVG icon entry, updated theme_color to #0f1117

Test plan

  • Install as PWA on Android — check home screen icon uses the maskable (full-bleed) version and looks sharp
  • Install as PWA on iOS — check Apple touch icon (180px) looks correct on home screen
  • Toggle OS dark/light mode — browser tab favicon should switch natively (no dark filter applied)
  • Open app in browser — check favicon in tab looks correct at small size

Oval padel racket head with green→cyan gradient, 4×5 hole grid,
white AI sparkle star — preview for review before full implementation.

Co-Authored-By: AI Agent <noreply@agent>
@DavidSchmidt00
DavidSchmidt00 changed the base branch from main to staging May 19, 2026 14:15
claude and others added 2 commits May 19, 2026 14:21
15° counterclockwise tilt, dark face circle creating visible frame ring,
staggered hexagonal hole pattern (3-4-5-4-3 diamond), grip tape bands.

Co-Authored-By: AI Agent <noreply@agent>
- New icon.svg: tilted round racket silhouette, gradient frame ring,
  dark face, hex hole pattern (3-4-5-4-3), grip bands, AI sparkle
- Regenerated all PNG sizes (512, 192 maskable, 180 apple, 32 favicon)
  from SVG source via resvg-js for pixel-perfect output
- SVG favicon added as primary <link rel="icon"> — browsers that support
  it get native theme-aware rendering without filter hacks
- Manifest: split maskable/any purposes, updated theme_color to #0f1117,
  added SVG icon entry

Co-Authored-By: AI Agent <noreply@agent>
@DavidSchmidt00 DavidSchmidt00 changed the title 🎨 Rebrand to neon green accent + add Profile page with My Votes feat(pwa): new SVG padel racket icon with native theming May 19, 2026
@DavidSchmidt00
DavidSchmidt00 merged commit 41b8e59 into staging May 19, 2026
1 check passed
@DavidSchmidt00
DavidSchmidt00 deleted the feat/pwa-icon-redesign branch May 19, 2026 14:25
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