Skip to content

Show the three panels without the navy square as the extension icon - #18

Merged
afrojun merged 1 commit into
mainfrom
feature/panel-icon
Nov 5, 2026
Merged

afrojun merged 1 commit into
mainfrom
feature/panel-icon

Conversation

@afrojun

@afrojun afrojun commented Nov 5, 2026

Copy link
Copy Markdown
Owner

Summary

 extension/
 ├── icons/icon-{16,32,48,128}.png   # three panels on transparent, no navy square
 ├── scripts/
+│   └── make-icons.swift             # regenerates the icons from Resources/ProfileBarIcon.png
 └── store-assets/{move-tab,setup,small-promo}.png   # re-rendered with the new icon
  • make-icons.swift cuts the panels out of the app icon's navy background with a soft alpha ramp and unmixes edge colours. It then lays them out at each size with whole-pixel edges and at least a one-pixel gap.
  • At 16, 32 and 48 pixels the panels fill the icon. The 128 icon keeps the Web Store's 16 pixels of padding.
  • The setup screenshot now also shows the page's link-routing section, because it was re-rendered from the current page.

Stacked on #17.

Evidence

  • Before: the panels sat small inside a navy square in the toolbar.
    After: the panels fill the toolbar icon and stay distinct at 16 and 32 pixels.
  • Running the script from the repo reproduces the committed PNGs byte for byte. 75 extension tests pass.
  • Pre-push review finding: the store assets still showed the old icon. Fixed by re-rendering them with headless Chrome at 1x, as STORE_LISTING.md describes.

Merge Danger

Door: two-way

Blast Radius: branding

The store listing's icon and screenshots are uploaded separately in the Dashboard at release time.

🤖 Generated with Claude Code

The extension icon is now just the app icon's three panels on a transparent
background, so it is larger and clearer in the toolbar. At 16, 32, and 48
pixels the panels fill the icon with whole-pixel edges and at least a
one-pixel gap. The 128-pixel icon keeps the Web Store's 16 pixels of
padding. scripts/make-icons.swift regenerates them from the app icon.

The store screenshots and promo tile are re-rendered from their HTML
sources, so they show the new icon. The setup screenshot now also shows the
page's link-routing section.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@afrojun
afrojun force-pushed the feature/panel-icon branch from bb3f191 to cb5767d Compare November 5, 2026 02:45
@afrojun
afrojun force-pushed the feature/split-moves branch from 9c3fe90 to b30c436 Compare November 5, 2026 02:45
Base automatically changed from feature/split-moves to main November 5, 2026 02:49
@afrojun
afrojun merged commit 54b14f6 into main Nov 5, 2026
4 of 6 checks passed
@afrojun
afrojun deleted the feature/panel-icon branch November 5, 2026 02:53
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.

1 participant