diff --git a/build/generate-tray-icons.ts b/build/generate-tray-icons.ts
index bf6f2dbee1..c09ab6320d 100644
--- a/build/generate-tray-icons.ts
+++ b/build/generate-tray-icons.ts
@@ -17,18 +17,31 @@ const svgData = readFileSync(inputFile, { encoding: "utf-8" });
const svgDom = new JSDOM(`${svgData}`);
const svgRoot = svgDom.window.document.body.getElementsByTagName("svg")[0];
+svgRoot.innerHTML += ``;
+const lightTemplate = svgRoot.outerHTML;
+
svgRoot.innerHTML += ``;
+const darkTemplate = svgRoot.outerHTML;
+
console.log("Generating tray icon pngs");
ensureDirSync(outputFolder);
Promise.allSettled([
- sharp(Buffer.from(svgRoot.outerHTML))
+ sharp(Buffer.from(darkTemplate))
+ .resize({ width: size, height: size })
+ .png()
+ .toFile(path.join(outputFolder, "trayIconDarkTemplate.png")),
+ sharp(Buffer.from(darkTemplate))
+ .resize({ width: size*2, height: size*2 })
+ .png()
+ .toFile(path.join(outputFolder, "trayIconDarkTemplate@2x.png")),
+ sharp(Buffer.from(lightTemplate))
.resize({ width: size, height: size })
.png()
.toFile(path.join(outputFolder, "trayIconTemplate.png")),
- sharp(Buffer.from(svgRoot.outerHTML))
+ sharp(Buffer.from(lightTemplate))
.resize({ width: size*2, height: size*2 })
.png()
.toFile(path.join(outputFolder, "trayIconTemplate@2x.png")),