Skip to content

feat(ui): use SVG icon in app header and About page hero - #124

Merged
DavidSchmidt00 merged 1 commit into
stagingfrom
feat/icon-in-ui
May 19, 2026
Merged

DavidSchmidt00 merged 1 commit into
stagingfrom
feat/icon-in-ui

Conversation

@DavidSchmidt00

Copy link
Copy Markdown
Owner

Summary

  • App header: 🎾 emoji → <img src="/icon.svg"> (32px, auto theme-switching)
  • About page hero: 🎾 emoji → <img src="/icon.svg"> (96px, keeps existing green glow drop-shadow)
  • Since the SVG has embedded @media (prefers-color-scheme) CSS, both instances switch dark↔light natively with no JS
  • Contextual 🎾 emojis in VotePage and Chat kept as-is (they're decorative/inline text)

Test plan

  • Header icon visible and correctly sized on mobile and desktop
  • About page hero shows the racket icon with green glow
  • Toggle OS dark/light — both in-app icons adapt alongside the favicon

Generated by Claude Code

Replaces the 🎾 emoji in the app header and About page hero with
<img src="/icon.svg"> — picks up the same prefers-color-scheme theming
as the favicon, so the in-app logo switches dark↔light natively.
The glow filter on the About hero already applies to the img element.

Co-Authored-By: AI Agent <noreply@agent>
@DavidSchmidt00
DavidSchmidt00 merged commit 6cfc37d into staging May 19, 2026
1 check passed
@DavidSchmidt00
DavidSchmidt00 deleted the feat/icon-in-ui branch May 19, 2026 19:02
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