Icons: add 64px

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.

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(`<body style="margin:0;background:transparent"><img src="${ICON.idle}" width="${size}" height="${size}" style="display:block"></body>`);
   await page.locator('img').screenshot({ path: path.join(out, `${name}.png`), omitBackground: true });

src/manifest.json

@@ -36,6 +36,7 @@
     "16": "icons/idle-16.png",
     "32": "icons/idle-32.png",
     "48": "icons/idle-48.png",
+    "64": "icons/idle-64.png",
     "128": "icons/idle-128.png"
   },
   "web_accessible_resources": [