diff --git a/scripts/icons.mjs b/scripts/icons.mjs index 6ca4fc7..fb0e193 100644 --- a/scripts/icons.mjs +++ b/scripts/icons.mjs @@ -18,7 +18,7 @@ export const STATES = { danger: { body: '#A4243B', facet: '#831C2F', meaning: 'Known malware, phishing or scam host (garnet)' }, paused: { body: '#8A919A', facet: '#727982', meaning: 'Paused on this site, or protection off (grey)' }, }; -const SIZES = [16, 32, 48, 128]; +const SIZES = [16, 32, 48, 64, 128]; // Hand in local coordinates, middle finger centred on x=32. The thumb grows out of the // palm's lower-left along the index finger so it reads as one fist at 16px. diff --git a/scripts/store-art.mjs b/scripts/store-art.mjs index 52ed637..2f34e86 100644 --- a/scripts/store-art.mjs +++ b/scripts/store-art.mjs @@ -142,8 +142,8 @@ for (const [name, html] of Object.entries(pages)) { await page.close(); console.log(`${name}.png ${w}x${h}`); } -// Store icons: Edge wants 300x300, Chrome's listing icon is 128x128. -for (const [name, size] of [['logo-300', 300], ['icon-128', 128]]) { +// Store icons: Edge wants 300x300, Chrome's listing icon is 128x128, Firefox asks for 32 and 64. +for (const [name, size] of [['logo-300', 300], ['icon-128', 128], ['icon-64', 64], ['icon-32', 32]]) { const page = await browser.newPage({ viewport: { width: size, height: size } }); await page.setContent(`