diff --git a/surfsense_desktop/assets/icon-128.png b/surfsense_desktop/assets/icon-128.png new file mode 100644 index 000000000..8be6ee21a Binary files /dev/null and b/surfsense_desktop/assets/icon-128.png differ diff --git a/surfsense_desktop/assets/iconTemplate.png b/surfsense_desktop/assets/iconTemplate.png new file mode 100644 index 000000000..13d1c9840 Binary files /dev/null and b/surfsense_desktop/assets/iconTemplate.png differ diff --git a/surfsense_desktop/assets/iconTemplate@2x.png b/surfsense_desktop/assets/iconTemplate@2x.png new file mode 100644 index 000000000..70710f739 Binary files /dev/null and b/surfsense_desktop/assets/iconTemplate@2x.png differ diff --git a/surfsense_desktop/src/modules/tray.ts b/surfsense_desktop/src/modules/tray.ts index 5fb1acbdf..f0221fe53 100644 --- a/surfsense_desktop/src/modules/tray.ts +++ b/surfsense_desktop/src/modules/tray.ts @@ -11,11 +11,20 @@ let registeredGeneralAssist: string | null = null; let registeredScreenshotAssist: string | null = null; function getTrayIcon(): NativeImage { - const iconName = process.platform === 'win32' ? 'icon.ico' : 'icon.png'; + const iconName = + process.platform === 'darwin' + ? 'iconTemplate.png' + : process.platform === 'win32' + ? 'icon.ico' + : 'icon.png'; const iconPath = app.isPackaged ? path.join(process.resourcesPath, 'assets', iconName) : path.join(__dirname, '..', 'assets', iconName); const img = nativeImage.createFromPath(iconPath); + if (process.platform === 'darwin') { + img.setTemplateImage(true); + return img; + } return img.resize({ width: 16, height: 16 }); } diff --git a/surfsense_web/components/layout/ui/shell/LayoutShell.tsx b/surfsense_web/components/layout/ui/shell/LayoutShell.tsx index 0b1d1d20b..c7d0c5186 100644 --- a/surfsense_web/components/layout/ui/shell/LayoutShell.tsx +++ b/surfsense_web/components/layout/ui/shell/LayoutShell.tsx @@ -441,7 +441,12 @@ export function LayoutShell({ /> ) : null}
-
+