matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Trim padding on push logo

Browse source
This commit is contained in:
Jon Staab 2026-07-08 08:57:33 -07:00
parent f4fc9b82c3
commit 7fe145dbef
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
scripts/generate-notification-icon.mjs
View file

@ -22,8 +22,13 @@ const generate = async (size, out) => {
const pad = Math.round(size * 0.14) const pad = Math.round(size * 0.14)
const inner = size - pad * 2 const inner = size - pad * 2
// The logo's alpha channel is the shape we want to render. // The logo's alpha channel is the shape we want to render. Trim the source's
// own transparent margin first — logo.png carries ~15% baked-in padding, and
// without trimming that stacks on top of `pad` below, leaving the glyph at
// only ~half the icon's width. Trimming lets `pad` be the single source of
// padding so the shape actually fills the status-bar icon.
const alpha = await sharp(source) const alpha = await sharp(source)
.trim({threshold: 1})
.resize(inner, inner, {fit: "contain", background: {r: 0, g: 0, b: 0, alpha: 0}}) .resize(inner, inner, {fit: "contain", background: {r: 0, g: 0, b: 0, alpha: 0}})
.ensureAlpha() .ensureAlpha()
.extractChannel(3) .extractChannel(3)