Thicken favicon arrow and bolden M/Q#101
Conversation
Make the favicon's green arrow heavier with a matching green stroke and an enlarged arrowhead, and bolden the white M/Q with a smaller stroke. Nudge the M toward the top-left and the Q toward the bottom-right for better balance. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Nudge the M slightly right and Q slightly left for tighter centering, and add a 512x512 favicon.png exported from the SVG. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Reference favicon.png as a fallback for browsers without SVG favicon support. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (2)
📒 Files selected for processing (1)
WalkthroughThis pull request updates the global layout template to serve the favicon in PNG format instead of SVG. The change modifies the 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches✨ Simplify code
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
What changed
Reworked
public/layout/favicon.svg:stroke-width: 22px, round joins) to grow it overall.stroke-width: 10px, round joins) so they read heavier, especially at small sizes.translate(±18, ±18)).Why
Make the favicon read more clearly and boldly at small sizes, with a more prominent arrow.
Notes for reviewers
Rendered and checked at 400px, 64px, and 32px. Verify it looks good in the browser tab favicon. The arrowhead growth is pure path-coordinate edits (no extra transforms).
🤖 Generated with Claude Code