Repository navigation
feat(pwa): native icon theming — light/dark SVG favicon, monochrome, theme-color - #123
Merged
Merged
Conversation
Re-adds 12° tilt (safe at 62% scale), green radial glow behind racket, and repositions sparkle to (325,138) inside the 80% safe zone so it survives circular/squircle Android masks. Co-Authored-By: AI Agent <noreply@agent>
icon.svg: embedded @media (prefers-color-scheme: light) CSS — gradient switches to forest-green/teal (#16a34a→#0891b2), background goes white, sparkle goes dark. Chrome/Firefox/Edge update the tab favicon live with no JS. stop-color, fill overridden via SVG class selectors. index.html: two theme-color meta tags (dark #0f1117 / light #ffffff) so the browser chrome (address bar) also adapts on Chrome and Safari 15+. Manifest: added monochrome icon entry (192px PNG, white silhouette) for Android 12+ Material You — OS recolours it with the wallpaper accent. gen-icons.mjs: maskable variant now tilted 12° with glow + sparkle repositioned inside the 80% safe zone; monochrome SVG added. Co-Authored-By: AI Agent <noreply@agent>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
icon.svg— embedded@media (prefers-color-scheme: light)CSS. Chrome/Firefox/Edge switch the tab favicon live when the OS theme changes — no JS, no filter hacks. Dark mode: neon green/cyan gradient on dark background. Light mode: forest-green/teal gradient on white background, dark sparkle.index.html— twotheme-colormeta tags (#0f1117dark /#fffffflight) so the browser address bar also adapts on Chrome and Safari 15+.icon-monochrome-192x192.pngadded to manifest withpurpose: "monochrome". Android 12+ Material You recolours it with the user's wallpaper accent colour automatically.Test plan
Generated by Claude Code