Replaces the emoji-based iconography on the frontend with an inline Material Symbols icon system.
Adds Icon, IconButton, and IconSprite Svelte components plus an icon registry (src/lib/icons/registry.ts).
Migrates all screens/components (Comments, Lightbox, PhotoGrid, ThemeSwitcher, Uploader, layout, home, album pages, members, settings, invites, share) off emoji.
Documents the new iconography contract via the ui-iconography OpenSpec spec.
Commits
feat(frontend): replace emoji with inline Material Symbols icon system
chore(openspec): archive material-icons-ui and sync ui-iconography spec
Testing
frontend build/dev run locally.
Manual verification of all migrated screens.
## Summary
Replaces the emoji-based iconography on the frontend with an inline **Material Symbols** icon system.
- Adds `Icon`, `IconButton`, and `IconSprite` Svelte components plus an icon registry (`src/lib/icons/registry.ts`).
- Migrates all screens/components (Comments, Lightbox, PhotoGrid, ThemeSwitcher, Uploader, layout, home, album pages, members, settings, invites, share) off emoji.
- Documents the new iconography contract via the `ui-iconography` OpenSpec spec.
## Commits
- `feat(frontend): replace emoji with inline Material Symbols icon system`
- `chore(openspec): archive material-icons-ui and sync ui-iconography spec`
## Testing
- `frontend` build/dev run locally.
- Manual verification of all migrated screens.
Add a self-contained icon system: vendored Material Symbols registry, an
<Icon> component that references a single <symbol> sprite via <use>, plus
IconButton/IconSprite. Replace every emoji/Unicode glyph (logo, theme
switcher, cover placeholder, like/comment counts, lightbox controls, back
links) and add leading icons to key controls. Decorative icons are
aria-hidden; icon-only buttons get labels; theme toggles expose
aria-pressed; counters get accessible names.
Recorded in openspec change material-icons-ui (all tasks complete).
Move the completed material-icons-ui change to
openspec/changes/archive/2026-10-10-material-icons-ui/ and create the
ui-iconography main spec from its ADDED requirements.
iu
merged commit b90e6b0267 into develop2026-10-10 10:32:41 +00:00
iu
deleted branch feature/material-icons-ui2026-10-10 10:32:41 +00:00
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Summary
Replaces the emoji-based iconography on the frontend with an inline Material Symbols icon system.
Icon,IconButton, andIconSpriteSvelte components plus an icon registry (src/lib/icons/registry.ts).ui-iconographyOpenSpec spec.Commits
feat(frontend): replace emoji with inline Material Symbols icon systemchore(openspec): archive material-icons-ui and sync ui-iconography specTesting
frontendbuild/dev run locally.