Repository navigation
Use the real BlueBubbles icon for the logo and social card - #40
Merged
Merged
Conversation
The nav logo and the Open Graph card both used a speech bubble drawn here, which was not the brand mark. The actual mark -- a blue bubble with three dots -- ships in the server repo at icons/regular, so both now use it. The nav drops the tinted rounded-square container along with the drawn path: the icon carries its own colour and shape, so wrapping it in a blue square was fighting it. Served as WebP at 1x and 2x, 866 and 1746 bytes. The site's favicon and apple-touch-icon were already the real mark, carried over from the old site, so they are untouched. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The existing apple-touch-icon was a 192x192 export with a full alpha channel. iOS does not support transparency in a touch icon: it composites transparent pixels to black, so on a home screen the bubble was sitting on a black square rather than on an icon tile. It was also a soft low-resolution export. Now generated from the 512px brand icon at the standard 180x180, on an opaque white tile, with the alpha channel removed outright -- flatten() alone still emitted a fourth channel, so removeAlpha() is doing real work here. Verified: hasAlpha false, 3 channels, corner pixel 255,255,255. No extra padding is added: the source artwork already carries about 6% of its own margin, which keeps the bubble clear of the corner mask iOS applies while still filling the tile. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
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
1 participant
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.
The nav logo and the Open Graph card both used a speech bubble I drew, which was not the brand mark.
The real mark — a blue bubble with three dots — ships in the server repo at
icons/regular, so both now use it.Changes
og-default.png— regenerated with the real icon composited in place of the drawn one.Not changed
The site's
favicon.icoandapple-touch-icon.pngwere already the real mark, carried over from the old site. Left alone.Verified: icon loads at 28×28 with a 2x variant, stays visible in dark mode, is
aria-hiddenwith an empty alt (the adjacent "BlueBubbles" wordmark is the accessible name), and no trace of the drawn path remains in the build.🤖 Generated with Claude Code